body {
     margin:0;
     padding:0;
     font-family:Lato;
     font-weight:100;
     text-align:center;
}
 .white {
    color:#FFF;
}
 .mobilePosition{
    position: absolute;
    bottom: 0;
    transform: translate(0, 50%);
}
 .top20 {
    top:20vh;
}
 .border-bottom {
     border-bottom: 1px solid lightgrey;
}
 .domain-name-container {
     position: absolute;
     top:90px;
     width:100%;
     z-index:-100;
     height:480px;
     background: transparent linear-gradient(360deg, #05BAE3 0%, #2A05A3 100%) 0% 0% no-repeat border-box;
     opacity:1;
}
 .domain-name-text {
     padding-top:160px;
     text-align:center;
     font:normal normal bold 48px/56px Lato;
     letter-spacing:0px;
     color:#FFF;
     opacity:1;
     word-break:break-all;
     margin:0;
}
 .info-container {
     margin:auto;
     width:750px;
     height:212px;
     margin-top:150px;
     background:#FFF 0% 0% no-repeat padding-box;
     box-shadow:0px 2px 8px #00000026;
     border:1px solid #DDDDDD;
     border-radius:8px;
     opacity:1;
}
 .info-text-box {
     margin:auto;
     margin-top:70px;
     width:450px;
}
 .info-text {
     text-align:center;
     font:normal normal bold 24px/20px Lato;
     letter-spacing:0px;
     color:#222;
     opacity:1;
}
 .header {
     width:100%;
     height:90px;
}
/* Portrait */
 @media screen and (orientation:portrait) {
     .navbar-brand-container {
         margin-left:2%;
    }
     .info-container {
         width:90%;
         margin-top:100px;
    }
     .info-text-box {
         width:94%;
    }
     .domain-name-text {
         padding-top:100px;
    }
}