
.prelanding{background-color: #211915; height: 100vh;}
.prelanding .container{
  display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;
  -ms-flex-align: stretch; -moz-box-align: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch;}
.prelanding .container .bloq{position: relative;}

.prelanding .container .bloq:hover img.zoo{
transform: scale(1.1);
  transition: transform .2s; 
}
/*.prelanding .container .bloq:not(:hover) img.zoo{
filter:grayscale(90%);
animation-timing-function: ease-out;
animation-duration: 300ms;}*/
.prelanding .cont-btn {position: absolute; top: 7%; left: 0; right: 0; text-align: center;}
.prelanding .btn-main{color: #ffffff; text-align: center; display: inline-block;transition: .3s all ease; padding: 15px 50px; margin: 0 auto; background-color: #bf0811; text-transform: uppercase;}
.prelanding .btn-main.btn-blue{background-color: #026987}
.prelanding .btn-main.btn-white{background-color: #FFFFFF; color: #000000;font-family: 'MontserratBold';}
.prelanding .btn-main.btn-white:hover{background-color: #D30D2B; color: #FFFFFF;font-family: 'MontserratBold';}
.prelanding .btn-main:hover{background-color: #211915;}
/* ===== MEDIA QUERYS ===== */

.prelanding .container .bloq .img_mob{display:none;}
.prelanding .container .bloq .img_desk{display:block;}
.cont-btn{padding-top:60%;}
@media(min-width:100px) and (max-width:767px) {
    .prelanding .container{flex-wrap: wrap;}
    .prelanding .container .bloq{width:100%;}
.prelanding .container .bloq .img_desk{display:none;}
.prelanding .container .bloq .img_mob{display:block;}
    .prelanding .btn-main{padding: 10px 30px; font-size: 13px;}
.cont-btn{padding-top:16%;}
.prelanding .cont-btn {top: 16%;}

}