/* Copyright (C) nebla Ltd. 2017 */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #87acd4;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'Lato', sans-serif;
}

#website-body {
    width: 100%;
    position: absolute;
    margin-top: calc(100vh - 1px);
    background-color: #FFFFFF;
}

.container-fluid {
    max-width: 1750px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.container-fluid .container {
    padding-left: 0px;
    padding-right: 0px;
}

.fluid-fix {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.no-padding {
    padding: 0 !important;
}

/*------- Small Height -------*/

@media only screen and (min-width: 1200px) {
    @media only screen and (max-height: 600px) {
        #website-body {
            margin-top: 599px;
        }
    }
}

/*---------- Mobile ----------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    
    #overview {
        min-height: 790px;
    }
    
    @media only screen and (max-height: 790px) {
        #website-body {
            margin-top: 789px;
        }
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
    #overview {
        height: 700px;
        min-height: inherit;
    }
    
    #website-body {
        margin-top: 699px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
    #overview {
        height: 420px;
        min-height: inherit;
    }
    
     #website-body {
        margin-top: 419px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

/* Copyright (C) nebla Ltd. 2017 */