christopher godber  

CSS for Strip Resize

/*Classes to add scrollmeny to div rowfluid */
div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    top:0;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #e4bd78;
}

/*class for main content container div rowfluid for strip*/
.strip {
     /*Resize div to current viewport*/
    width:100%;
    height: auto;
    /*Positions content in center, add no repeat and fixed positioning*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
     /*Maintains position*/
    left:0;
    right: 0;
    top: 0;
    bottom:0;
    
    text-align: center;
}

/*Image class to make image/s responsive within container rowfluid */
img.make-it-fit {
    position: relative;
    max-height: 99%;
    width: auto;
}