/*  Blocks  */

.cover {
  background-color: #0000000f;
}
.block-section {
  margin-right: -2px;
  margin-left: -2px;
}

.block-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid transparent;
}

.block-bgImage {
  position: absolute;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.block-bgImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.block-logo {
  max-width: 150px;
  max-height: 70px;
}

.block-video {
  position: absolute;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.block-content h3, .block-content h4, .block-content h5 {
  text-shadow: 2px 2px 0px #0000006e;
}

/*  Block utils: .block-right .block-center   */

.block-right {
  text-align: right;
}
.block-right .block-content {
  margin-left: auto;
}

.block-right .block-content h3, .block-right .block-content h4, .block-right .block-content h5 {
  margin-left: auto;
}

.block-center {
  text-align: center;
}
.block-center .block-content {
  margin: auto;
  width: 100%;
}
.block-center .block-content h2, .block-center .block-content h3, .block-center .block-content h4 {
  max-width: 100%;
}

.block-section .block-item-full .block-content {
  max-width: 100%;
  width: 100%;
}

/*  heightClass (for blocks)  */

.vw-1-4 {
  height: 25vw;
}
.vw-1-3 { 
  height: 33.33vw;
}
.vw-1-2 { 
  height: 50vw;
 }
.vw-2-3 { 
  height: 66.66vw;
}
.vw-3-4  { 
  height: 75vw;
}
.vw-full { 
  height: 100vw;
}


@media (max-width: 1024px) {  /* Ipad Landscape */
  .vw-1-4 {
    height: 50vw;
  }
  .vw-1-3 { 
    height: 50vw;
  }
  .vw-1-2 { 
    height: 50vw;
  }
  .vw-2-3 { 
    height: 50vw;
  }
  .vw-3-4  { 
    height: 50vw;
  }
 }

@media (max-width: 768px) {  /* Ipad Portrait */
  .vw-1-4 {
    height: 66.66vw;
  }
  .vw-1-3 { 
    height: 66.66vw;
  }
  .vw-1-2 { 
    height: 66.66vw;
  }
  .vw-2-3 { 
    height: 66.66vw;
  }
  .vw-3-4  { 
    height: 66.66vw;
  }
 }
 @media (max-width: 414px) {  /* Iphone 6-7 + */
  .vw-1-4 {
    height: 100vw;
  }
  .vw-1-3 { 
    height: 100vw;
  }
  .vw-1-2 { 
    height: 100vw;
  }
  .vw-2-3 { 
    height: 100vw;
  }
  .vw-3-4  { 
    height: 100vw;
  }
 }