body{
    min-height: 100vh;
}
header{
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
    text-align: center;
}
header h2{
    margin-top: 5px;
}
#main_logo{
    margin: 20px auto 20px auto;
    max-width: 300px;
}
.brand{
    position: relative;
    padding: 5px;
}
.brand-logo{
    max-height: 200px;
    position: absolute;
    top: 0; 
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 100;
}
.brand-thumb{
    opacity: 0.1;
    transition: all ease-in-out .15s;
}
.brand-logo{
    opacity: 1;
    transition: all ease-in-out .15s;
}
.brand:hover .brand-thumb{
    opacity: 1;
}
.brand:hover .brand-logo{
    opacity: 0;
}
footer{
    margin-top: 100px;
    height: 50px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
    vertical-align: bottom;
}
footer p{
    font-weight: bold;
    font-size: 10px;
    margin-top: 20px;
    color: #666;
}
.modal-content{
    padding: 40px;
}
.modal-content a{
    color: #666;
}
.modal-content a:hover, .modal-content a:hover{
    color: #333;
    text-decoration: none;
}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 990px) {
    body{
        background: #ffffff;
        background: -moz-linear-gradient(left,  #cccccc 0%, #ffffff 100%);
        background: -webkit-linear-gradient(left,  #cccccc 0%,#ffffff 100%);
        background: linear-gradient(to right,  #cccccc 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );

    }
    header{
        background: none;
    }
    header .container-fluid{
        padding: 0;
    }
    header h2{
        float: right;
        font-size: 20px;
        margin: 10px 10px 0 0; 
    }
    .brand-logo{
        max-height: 120px;
    }
    footer{
        background: none;
        height: auto;

    }
    footer p{
        margin-bottom: 0;
    }
}

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

}

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

}