*
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.logo{
  position: fixed;
  top: 35vh;
  left: 37.3vw;
  z-index: 10;
}
.logo .Clogo
{
  width: 25vw;
}

.container
{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.container .box1
{
  position: relative;
  width: 33.333333%;
  height: 50vh;
  filter: grayscale(1);
  border: 4px solid #000;
}
.container .box2
{
  position: relative;
  width: 66.66%;
  height: 50vh;
  border: 4px solid #000;
}

.container .box2 .parallax1
{
  background-image: url("https://prinsur.000webhostapp.com/Galeria/img/04.jpg");
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}

.container .box2 .parallax2
{
  background-image: url("https://prinsur.000webhostapp.com/Galeria/img/Vizcas/01.jpg");
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}

.container .box2 .parallax3
{
  background-image: url("https://prinsur.000webhostapp.com/Galeria/img/Vizcas/08.jpg");
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}

/*responsive phone*/

@media (max-width: 600px) {
  .container .box1, .container .box2 {
    flex: 100%;
    max-width: 100%;
  }
  .logo {

    top: 10vh;
    left: 10vw;
  }
  .logo .Clogo
  {
    width: 80vw;
  }
}

.container .box1:hover
{
  filter: grayscale(0);
}
.container .box1 video
{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}