#section-banner {
    background-size: cover;
    background-position: center;
    position: relative;
}
.no-webp #section-banner {
    background-image: url("../img/price-watch-section0-background.jpeg");
}
.webp #section-banner {
    background-image: url("../img/price-watch-section0-background.webp");
}

#section-features {
    background-image: url("../img/price-watch-background-1.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
}

#section-report {
    background-image: url("../img/price-watch-section-report-background.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
}

#price-watch-report-video-thumbnail {
    background-image: url("../img/price-watch-report-video-thumbnail.png");
    background-size: cover;
    background-repeat: no-repeat;

    background-position: center;
    position: relative;
}

#section-patiimaks {
    background-image: url("../img/price-watch-background-4.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
}

#section-competition {
    background-image: url("../img/competition.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
    }
      

.video-thumbnail {
    height: 14rem;
    width: 21rem;
}

@media (min-width: 1600px) {
    .video-thumbnail {
        height: calc(14vw + 14vh);
        width: calc(21vw + 21vh);
    }
}

@media (orientation: portrait) {
    .section-report-row-height {
        height: 33vh;
    }

    .section-screens-row-height {
        height: 25vh;
    }

    .middle-portrait {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) !important;
    }
    .video-thumbnail-portrait-max-height {
        max-height: 45vw;
    }

    .screen-landscape-max-height {
        max-height: 50vw;
    }

    .download-icon {
        width: 9rem;
        height: 9rem;
    }

}

@media (orientation: landscape) {

    .section-report-row-height {
        height: 45vh;
    }

    .section-screens-row-height {
        height: 45vh;
    }

    .col-landscape-7 {
        -webkit-box-flex:0;
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%;
    }

    .col-landscape-3 {
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }

    .col-landscape-5 {
        -webkit-box-flex:0;
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }

    .col-landscape-6 {
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }

    .col-landscape-12 {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }

    .d-landscape-block {
        display: block !important;
    }

    .video-thumbnail-landscape-max-height {
        max-height: 30vw;
    }

    .screen-landscape-max-height {
        max-height: 22vw;
    }

    .download-icon {
        width: 7rem;
        height: 7rem;
    }

}

.navy-marker{
    color:white;
    background-color:rgb(3, 20, 41);
    font-family:'Montserrat SemiBold';
    padding:0.2rem 0.6rem;
    line-height: 2.2rem;

    font-size: 1.2rem;
    text-indent: 0;
    margin:0;
    letter-spacing: 0.1rem;

}
.competition-title{
    width:70%;
    height: auto;
    margin:auto;
    

}

#section-competition-body{
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

@media (orientation: landscape) {
    #section-competition-body {
        width: 90%;
    }
}
        

@media (orientation: portrait) {
    #section-competition-body {
        width: 95%;
    }
}
        



@media (min-width: 1921px) {
        
    #section-competition-body {
        max-width: 1600px;
    }

}

#section-competition b {
    font-family:Montserrat Semibold, Sans-Serif;
    font-weight: 900;
}



#overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 2;
    cursor: pointer;  
    margin:0 auto;
    padding:100px 0 0 ;
  }
  
  
  .iframe-container{
  width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   position: relative;
  }
  .iframe-container iframe{
   width: 100%;
   height: 100%;
   position:fixed;  
   top:0;bottom:0;left:0;right:0;margin:auto; width:80vw; height:70%;
  }   


  #scroll-down-hitbox{
    cursor: pointer;    
   position:fixed;
    z-index:15;
    bottom:0vh;
    width:4rem;
    height: 7rem;

    width: 75%;
    left: 50%;
    margin-left: -37.5%;

  }
  #scroll-down-hitbox embed{
      margin:auto;
  }
html{
    scroll-behavior: smooth;
}
 

h2{
    text-align:center;
    padding: 20px;
  }
    
  @@media (orientation: landscape) {
         .iframe-container iframe {
             height: 100vh;
             width: 133vh;
         }
     }
  
     @media (orientation: portrait) {
         .iframe-container iframe {
             width: 100vw;
             height: 75vw;
         }
     }

#section-trial {
    background-image: url("../img/section-trial-background.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
    }
.trial-title{
    width:70%;
    height: auto;
    margin:auto;
    }
    
#section-trial-body{
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    }
    
    
@media (orientation: landscape) {
            
    #section-trial-body {
        width: 90%;
        }
    
    }
    
#section-trial b {
    font-family:Montserrat Semibold, Sans-Serif;
    font-weight: 900;
}