html {
    height: 100%;
    width: 100%;
}

body {
    min-width:800px;
    min-height:600px;
    position:relative;
    height:100%; width:100%;
}

.clear {
    clear:both;
}

h1 {
    text-indent:-9999px;
}

.mainContainer {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    height:450px; width:800px; display:block;
}


.container {
    max-width:800px !important;
}

.col-xs-3 {
    text-align:center;
}

.logo {
    float:right;
    margin-bottom:10px;
    margin-top:10px;
}

.icons {
    float:right;
}

.acquaflame {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.btn.contact {
    background:#eb0006;
    border:0;
    font-size:18px;
    padding:6px 25px;
    float:right;
    margin-top:30px;
}
    .btn.contact:hover {
        background: #0054bb;
    }

.totalcomLogo {
    position:absolute;
    bottom:0;
    right:0;
    margin:0 2% 2% 0;
}

.face-like {
    height:0px;
    float:right;
    margin-top:60px;
    opacity:0;
    display:block;
    position:relative;
}

.fb-like {
    float:left;
}

.facebookIcon {
    float:left;
    margin-right:5px;
}

.arrow {
    background:url("/assets/img/arrow.png");
    width:110px;
    height:30px;
    position:absolute;
    top:0; left:0;
    margin:-40px 0 0 -60px;
}

.over {
    position:absolute;
    top:0; left:0; width:100%; height:100%; z-index:9999;
    background:#000000;
    text-align:center;
}
    .over span {
        margin:20% 0;
        font-size:18px; color:#ffffff;
        display:block;
    }