p { font-size: 16px; }

/* ---------- Sub Navigation ---------- */

#sub { color: magenta !important; }

#sub-nav {
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 48px;
}

#sub-nav li {
    display: inline-block;
    /*border: 1px solid grey;*/
    padding: 3px 8px 3px 8px;
    border-radius: 8px;
    margin-right: 10px;
    /*text-decoration: underline;*/
}

#sub-nav li a {
    font-size: 16px;
}

    
/* ------------- Contents ------------- */
#contents-wrapper { width: 90%;/*border: 2px solid green;*/ margin: auto; }

#main-heading-wrapper { width: 100%;text-align: center; color: #0c70ec; text-decoration: underline; margin-bottom: 30px;}
#main-heading-wrapper h2 { color: white; }

#printers-wrapper { /*border: 2px solid yellow;*/width: 95%;text-align: left; margin: auto;margin-bottom: 200px; }

.printer-container { border: 1px solid white; padding-left:65px;padding-right: 65px;padding-bottom: 30px;}

.title-wrapper { text-align: center; }

.img-plus-description-wrapper { display: flex; }
.printer-img-wrapper,.printer-description-wrapper { display: inline-block; vertical-align: top; margin-top: 30px;padding-bottom: 50px;}
.printer-img { width: 285px;height: 186px; }

.printer-img-wrapper { /*border:2px solid cyan;*/ }

.printer-description-wrapper { margin-left: 62px; width:660px; /*border:2px solid yellow;*/}

.enquire { font-size: 16px; padding: 8px; }

.brochure {     
    margin-top: 10px;
    background-color: #002780;
    padding: 10px;
    width: 144px;
    position: relative;
    top:32px;
}

@media only screen and (max-width: 1101px) {
    .img-plus-description-wrapper { display: initial; }
    #printers-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
    .printer-img-wrapper { width: 100%; text-align: center;}
    .printer-img {
        width: 383px;
        height: 252px;
    }
    .printer-description-wrapper {
        width: 100%;
        margin: auto;
    }
    .brochure-btn-wrapper { width: 100%;text-align: center; }
}

@media only screen and (max-width: 685px) {
    #logo { margin: auto; }

    #banner-wrapper {
        display: block; 
        text-align: center;
    }

    #navbar-wrapper { text-align: center; }
}

@media only screen and (max-width: 468px) {
    #li-small { margin-top: 15px; }
}


@media only screen and (max-width: 451px) {
    .printer-img {
        width: 340px;
        height: 174px;
    }
}

@media only screen and (max-width: 400px) {
    .printer-img {
        width: 297px;
        height: 211px;
    }
}

@media only screen and (max-width: 356px) {
    .printer-img {
        width: 264px;
        height: 151px;
    }
}


@media only screen and (max-width: 327px) {
    #li-large { margin-top: 15px; }
}