@charset "utf-8";
/* CSS Document */

@media (max-width:767px) { /* Mobile (and larger) */
h1::after, .h1::after{left: -18px;}
h1, .h1{font-size:40px;}
.mobile {display:block;}
header .menuWrapper{display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(../img/mobileMenu.jpg);}
header .menuWrapper .open{display:block;}
header .menuWrapper .logo{display: none;}
header .menuWrapper .menuList{position: absolute;top: 55%;left: 50%;width: 80%;height: 80%;overflow-y: scroll;transform: translateX(-50%) translateY(-50%);margin: 0; text-align: right;}
header .menuWrapper .menuList li{float: none; display: block; margin: 0;}
header .menuWrapper .menuList li a{line-height:1.5;}
.headerInfoWrapper a {float: left; padding: 20px 0 0 0;    margin-right: 40px; display: none;}
.bgColor a img{display: block;}
.banner .banner-text-holder{top: 10%; padding: 0 20px 0 0;}
.banner{height: 80vh;}
.about {padding: 30px 0;}
.about .textWrapper{float: none; width: 100%; padding: 0;}
.about img{display: none;}
.about .button{width: 100%; display: initial;}
.teasersHolder .teaser{width: 100%; float: none; margin: 0 0 20px 0;}
footer .logo{margin-bottom:50px}
section.bannersPageWrapper{display: none;}
.represent .representName span{position: initial;}
.represent .representName i{top: 83%;}
.represent .representName img{margin: 0 auto;}
.left{width: 100%;}
.left p{line-height: 1;}
.right{float: none; text-align: initial;width: 100%;}
.right p {margin: 0 0 5px 0;line-height: 1;}
}


@media (min-width:768px) and (max-width:991px) { /* Tablet-portrait (and larger) */
}

@media (min-width:992px) and (max-width:1199px) { /* Tablet-landscape (and larger) */
}

@media (max-width:1440px) {
}