/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

.dark{
    padding-top:15px;
    padding-bottom:0px;
}

.footer-brands {
    max-width: none;
    background-color: white;
    text-align: center;
    padding: 80px 0;
}

.footer-content {
    clear: both;
    text-align: center;
    background-color:black;
    color:white;
    padding:80px 0;
    background-image: url(/Content/Images/gasslanders-bg-upsidedown.png);
    background-position: center center;
    background-size: cover;
    z-index: 1000;
    width: 100%;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:25%;
    height:auto;
}

nav > ul li.selected > a, nav > ul li.selected span {
    color: #db882e;
    font-weight: 700;
}

.image-box {
    height: 403px;
    text-align: center;
}

#times {
    max-width: 100%;
    float: right;
    background-color: #1c1c1e;
    /*opacity: 0.6; */
    background: rgba(0,0,0,0.6);
    margin-top: 220px;
    padding: 10px;
    color: white;
}

    #times > p {
        color: white;
    }

        #times > p a {
            color: #db882e;
        }

#main-nav {
    text-transform: uppercase;
}

    #main-nav > ul li a {
        font-size: 15px;
        padding: 5px;
    }


@media (max-width: 922px) {
    nav {
        top: 31px;
    }

    .umb-grid {
        margin-top: 0px;
    }

    /*.dark .instagram-img{
        width:25%;
    }*/
}

@media (max-width: 768px) {
    nav {
        top: 100px;
    }

    .brand {
        height: 70px;
    }

    
    /*.dark .instagram-img{
        width:30%;
    }*/
   
}

@media screen and (max-width: 640px) {
    .brands-table-wrapper {
        overflow-x: auto;
        display: block;
    }

    header {
        padding: 0px;
        position: fixed;
        height: 70px;
    }

    .brand {
        padding-bottom: 50px;
    }

    .carousel {
        position: absolute;
        top: 70px;
    }

    nav {
        top: 70px;
    }

    .umb-grid{
        margin-top:70px;
    }

    img.center {
    width:75%;
    height:auto;
    }

    /*.dark .instagram-img{
        width:47%;
    }*/


}

@media screen and (max-width: 344px) {
    .dark img {
        margin: auto;
        padding: 0px;
        width: 100%;
    }

    /*.dark .instagram-img{
        width:100%;
    }*/
}

.dark img {
    margin: auto;
    padding: 0px;
}

header {
    background-image: url(/media/1067/gasslanders-bg.png);
    background-position: center center;
    background-size: cover;
    z-index: 1000;
    width: 100%;
}

#footer-images {
    margin: 0px;
    padding: 0px;
}

@media (min-width: 992px) {
    #footer-image-1 {
        padding-right: 10px;
    }

    #footer-image-2 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #footer-image-3 {
        padding-left: 10px;
    }
}



.footer-image {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px !important;
}

.footer-image-title {
    font-size: 36px;
    color: #db882e;
    font-family: 'AlexBrushRegular';
}

.brand-image {
    display: block;
    margin: auto;
    float: left;
    text-align: center;
    min-height: 120px
}
.brand-image img{
    width:100%;
    max-width:none;
}

.dark .row div[class^="col-"] {
    margin-bottom:0px;
    padding:2px;
    /*margin-top:-4px;*/
    
}

div.instagram-img-container{
        padding: 0 !important;
        width:153px !important;
        height:153px !important;
}

img.instagram-img{
        width:153px;
        height:153px;
    }

.footer-hr{
    clear:both;
    margin-top:10px;
}

#Header {
    font-size: 28px;
    color: #db882e;
}

.footer-content p span a{
    color:#fff;
} 

.footer-hr{
    margin-top:16px;
}

@font-face {
    font-family: 'AlexBrushRegular';
    src: url('/css/fonts/AlexBrush-Regular.eot'); /* IE9 Compat Modes */
    src: url('/css//fonts/AlexBrush-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/css/fonts/AlexBrush-Regular.woff') format('woff'), /* Modern Browsers */
    url('/css/fonts/AlexBrush-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/css/fonts/AlexBrush-Regular.svg#AlexBrush-Regular') format('svg'); /* Legacy iOS */
}