@font-face {
    font-family: humanist521bt-roman;
    src: url("../fonts/humanist521bt-roman.otf") format("opentype");
}
body {
    font-family: 'humanist521bt-roman', serif;
    overflow-x: hidden;
    margin: auto;
}
.container-full {
    background: url(../img/header.png) fixed;
    background-size: 100% 100px;
    margin: auto;
}


/* Media CSS */
@media only screen and (min-width:320px){
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    #slider{
        margin-top: 0px;
    }

    #box {
        margin-top: -10px;
        background-color: #f6f6f6;
        min-height: 200px;
    }

}
@media only screen and (min-width:360px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: 0px;
    }
    #box {
        margin-top: -25px;
        background-color: #f6f6f6;
        min-height: 200px;
    }

}
@media only screen and (min-width:768px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: -75px;
    }
    #box {
        margin-top: -105px;
        background-color: #f6f6f6;
        min-height: 200px;
    }

}

@media only screen and (min-width:800px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: -80px;
    }
    #box {
        margin-top: -125px;
        background-color: #f6f6f6;
        min-height: 200px;
    }
}

@media only screen and (min-width:980px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: -190px;
    }
    #box {
        margin-top: -150px;
        background-color: #f6f6f6;
        min-height: 200px;
    }
}
@media only screen and (min-width:1000px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: -250px;
    }
    #box {
        margin-top: -175px;
        background-color: #f6f6f6;
        min-height: 200px;
    }
}

@media only screen and (min-width:1200px){
    /* styles for browsers larger than 1440px; */
    #slider{
        margin-top: -410px;
    }
    #box {
        margin-top: -400px;
        background-color: #f6f6f6;
        min-height: 200px;
    }
}


#box{
    padding:10px;
    background-color: #f6f6f6;
    min-height: 200px;
}

footer{
    text-align: right;background-color:#F6F6F6; padding: 20px; font-size: 19px;height: 100px;
}
footer p{
    width:100%;text-transform: uppercase;
}