@font-face {font-family:'BeausiteSlick';src:url('font/BeausiteSlickWeb-Regular.woff2') format('woff2'), url('font/BeausiteSlickWeb-Regular.woff') format('woff');}
.desktop {display:unset;}
.mobil {display:none;}

body, html {padding:0;margin:0;width:100%;font-family:BeausiteSlick;}
body {background-color: #0A1324;overflow-x:hidden;}
p {color:#4D6288;padding:0px;margin:0px;}
h1 {color: #0A1324;display:block;height:0px;position:absolute;user-select:none;font-size:0px;}
h2 {text-decoration: underline;font-weight: normal;font-size:100%;color:#4D6288;padding:0px;margin:0 0 20px 0;}

.blend {opacity:1;transition:ease-out 2s opacity;-o-transition:ease-out 2s opacity;-moz-transition:ease-out 2s opacity;-webkit-transition:ease-out 2s opacity;}
.left,.right {transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);transition:ease-out 2s transform;-o-transition:ease-out 2s transform;-moz-transition:ease-out 2s transform;-webkit-transition:ease-out 2s transform;}
.ani.blend {opacity:0!important;}
.ani.left {transform: translateX(-200%) !important;-o-transform: translateX(-200%) !important;-moz-transform: translateX(-200%) !important;-webkit-transform: translateX(-200%) !important;}
.ani.right {transform:translateX(200%) !important;-o-transform:translateX(200%) !important;-moz-transform:translateX(200%) !important;-webkit-transform:translateX(200%) !important;}

.header {position:absolute;background: url('img/blend.png') no-repeat;background-size:contain;}
.brightfield {right:0px;width:14%;padding-top:3.4%;margin-top:2.4%;}
.brightfield {background:url('img/brightfield.png') no-repeat;background-size:contain;}

.content {position:relative;margin:0 auto;}
.content > div {position:absolute;color:#D9000D;}

.car {background:url('img/car.jpg') no-repeat;background-position:top center;background-size:cover;box-sizing:border-box;}
.man {background:url('img/jet.jpg') no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;}
.ship {background:url('img/shipnew.jpg') no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;}
.barrel {background:url('img/barrel.jpg') no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;}

.car {right:42%;width:35%;padding-top:62.5%;margin-top:14%;}
.man {right:0px;width:42%;padding-top:60.5%;margin-top:40%;}
.ship {left:0px;width:42.1%;padding-top:51.5%;margin-top:76.5%;}
.barrel {left:42%;width:33%;padding-top:54%;margin-top:100.5%;}

.quality {left:7.5%;margin-top:25%;}
.matter {left:54%;top:0px;margin-top:33.3%;}
.for {left:21.5%;margin-top:55%;}
.goods {left:41.4%;top:0px;margin-top:79%;}

.address, .legal {margin-top:162%;padding-bottom:8%;}
.address {left:42.4%;}
.legal {left:78%;}
.legal p {font-size:80%;line-height:150%;}

.send{cursor:pointer;display:block;margin-top:5px;color:#7d92b8;transition:ease-out .5s color;-o-transition:ease-out .5s color;-moz-transition:ease-out .5s color;-webkit-transition:ease-out .5s color;}
.send:hover {color:#5a6478;}

/* Desktops */
@media (min-width:1920px) {
    .content {width:1650px;font-size:116px;}
    .header {left:10px;width:1728px;padding-top:96px;}
    .address, .legal {font-size:24px;line-height:36px;}
}

@media (min-width: 1024px) and (max-width:1920px) {
    .content {width:86%;max-width:1650px;font-size:6vw;}
    .header {left:10px;width:90%;max-width:1728px;padding-top:5%;}
    .address,.legal {font-size:1.2vw;line-height:1.6vw;}
}

/* Tablets, Ipads */
@media (min-width: 480px) and (max-width: 1024px) {
    .content {width:86%;max-width:1650px;font-size:7vw;}
    .header {left:10px;width:90%;padding-top:8%;}
    .brightfield {right:0px;width:18%;padding-top:4.15%;margin-top:3.2%;}
    .quality {left:8.2%;margin-top:24%;}
    .matter {left:54.1%;top:0px;margin-top:32.3%;}
    .for {left:29%;margin-top:68.8%;}
    .goods {left:46.3%;margin-top:92.8%;}
    .address,.legal {font-size:2.4vw;line-height:3.6vw;margin-top:165%;}
    .address {left:0%;}
    .legal {left:60%;margin-bottom:15%;}
    .desktop {display:none;}
    .mobil {display:unset;}
}

/* Mobiles */
@media (max-width:480px) {
    .header {background:url('img/blend_mob.png') no-repeat;background-size:contain;left:10px;width:80%;padding-top:18%;}
    .brightfield {right:1%;width:40%;padding-top:5.5%;margin-top:7%;}
    .content {width:100%;font-size:13.7vw;}
    .quality {left:5%;margin-top:32%;}
    .matter {right:5%;margin-top:95%;}
    .for {left:10%;margin-top:162%;}
    .goods {left:9%;margin-top:282%;}
    .car {left:0px;width:90%;padding-top:130%;margin-top:45%;}
    .man {left:10%;width:90%;padding-top: 120%;margin-top: 175%;}
    .ship {left:0px;width:90%;padding-top:110%;margin-top:295%;}
    .barrel {left:10%;width:90%;padding-top:120%;margin-top:405%;}
    .desktop {display:none;}
    .mobil {display:unset;}
    .address,.legal {left:8%;font-size:6vw;line-height:9vw;}
    .address {margin-top:550%;}
    .legal {margin-top:610%;padding-bottom:20%;}
}