html, body {
 max-width: 100%;
 overflow-x: hidden;
 background: #1e1e1e;
}

img.logocube {
 width: 48px;
 height: 48px;
}

img.logo {
 width: 296px;
 height: 42px;
}

div.wideContainer {
 width: 100%;
}

div.contents {
 margin: 0 auto 0 auto;
 width: 80%;
 color: #eee;
}

section.herobg {
 margin-top: -24px;
 padding: 0;
 z-index: 1;
 height: 40%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-image: url('../../images/landing/herobg-1920.png');
 border-bottom: 1px solid #eee;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top center;
}

div.herobox {
 background: #fff;
}

footer.style {
 position: fixed;
 bottom: 0;
 margin: 12px;
 width: 100%;
 padding: 6px 64px;
 background: #fff;
}

img.laravelLogo {
 width: 146px;
 height: 32px;
}

.mobileHide { display: inline; }
.mobileShow { display: none; }

@media only screen and (min-width: 1900px) {
}

@media only screen and (min-width: 1600px) {
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

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

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
}