/* Move down content because we have a fixed navbar that is 50px tall */

* {
    margin: 0;
    padding: 0;
}

body {

    padding-top: 25px;
    
}

html,
body {
    background: url(../images/aitlogobg.jpg) no-repeat center center fixed;
    background-size: cover;
}

#scroller img:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;
}


@media (min-width: 997px) {
    .arb {
        left: 850px;
    }
    .arm {
        width: 800px;
    }
  
    .arim img {
        margin: 5px;
        max-width: 200px;
        max-height: 200px;
    }
    .hc {
        position: fixed;
        height: 150px;
        margin-left: -40px;
        z-index: 0;
    }
    .hct {
        height: 50px;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px
    }
}

@media (max-width: 996px) {

arm {
        width: calc(100vw - 140px);
    }
    .arim {
        width: 100px;
    }
    .arim img {
        margin: 5px;
        max-width: 100px;
        max-height: 100px;
    }
    .hc {
        position: fixed;
        height: 125px;
        margin-left: -40px;
        z-index: 0;
    }
    .hct {
        height: 25px;
        float: none;
        margin: 0 60px;
        margin-bottom: 30px;
       
    }
}