﻿.TopBanner {
    background-image: url(https://immediac.blob.core.windows.net/rawkflagz/images/interiorHeaderBg.png);
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 150px;
    position: relative;
}

.mainInteriorContent h1 {
    margin-top: 0px;
    margin-bottom:40px;
}

.indentedContent h1 {
   margin:-20px auto 50px auto;
    display:table;
}

.extraTopPadding {
    padding-top:250px;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #999;
    clear: both;
}

.body-content img[align="left"],
.body-content img[style*="float: left"],
.body-content img[style*="float:left"] {
    padding: 0px 20px 0px 0px;
    margin-bottom: 10px;
    height: auto !important;
    max-width: 300px !important;
    height: auto !important;
}

.body-content img[align="right"],
.body-content img[style*="float: right"],
.body-content img[style*="float:right"] {
    padding: 0px 0px 0px 20px;
    margin-bottom: 10px;
    height: auto !important;
    max-width: 300px !important;
    height: auto !important;
}

.newBgImg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 250px;
}

    .newBgImg:hover {
        opacity: 0.85;
    }

.MultiBoxesWrapper {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 330px;
}

.ProductCategories h3 {
    letter-spacing: 0.10em;
    font-family: "Another-Danger-Demo";
    text-align: center;
}



@media (min-width: 1481px) and (max-width: 1600px) {
}



@media (min-width: 1367px) and (max-width: 1480px) {
    .newBgImg {
        height: 240px;
    }
}


@media (min-width: 1200px) and (max-width: 1366px) {
    .newBgImg {
        height: 230px;
    }

    .TopBanner {
        height: 140px;
    }

    .indentedContent h1 {
        margin: -30px auto 40px auto;
        display: table;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .newBgImg {
        height: 200px;
    }

    .TopBanner {
        height: 140px;
    }

    .indentedContent h1 {
        margin: -30px auto 40px auto;
        display: table;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .newBgImg {
        height: 160px;
    }

    .TopBanner {
        height: 110px;
    }

    .indentedContent h1 {
        margin: -30px auto 40px auto;
        display: table;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .indentedContent h1 {
        margin: -40px auto 20px auto;
        display: table;
    }
    
}
