body {background-color: #101010;height:100%; font-size:13px; color:#fff; background-image: url(images/azure-soon-v2-bg.jpg); background-position:left; background-repeat:no-repeat; background-size:cover; font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;}
html, body { margin: 0; height: 100%; position:relative}

.logoWrap {display:block; text-align: center; position:absolute; top:50px; left:25px; right:25px;}
.logoMain {width:180px; display:inline-block;}
.logoMain img {width: 100%;}

.sloganWrap {display:block; text-align: center; position: absolute; bottom:60px; left:25px; right:25px; }
.sloganBox { color:#dab350; text-transform: uppercase; font-size:30px;}
.sloganBox strong {font-weight:600;}
.sloganBox span {display:block; text-transform: none; color:#fff; font-size:14px; font-weight:300;}



@media (min-width: 576px) { 
    
    .logoMain {width:200px;}
    
}

@media (min-width: 768px) { 
body {background-position:center;}
    .sloganWrap { text-align: right; bottom:100px; left:100px; right:100px; }
    .sloganBox {display:inline-block}
    .logoWrap {text-align: right; left:80px; right:90px;}
    .logoMain { display:inline-block;}
}

@media (min-width: 992px) { 
    
    

}

@media (min-width: 1200px) { 
    
}

@media (min-width: 1400px) { 
    .logoMain { width:270px;}
}

@media (min-width: 1400px) { 
    .sloganBox { font-size:40px;}
    .sloganBox span {font-size:18px;}
}