/* Media Queries */ 
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    header nav { padding-right: 0px; }
    header .col-md-6{ justify-content: center; }
    header .col-md-6:nth-of-type(2n) { justify-content: center; }
    #showcase-hero { max-width: 85%; }
    #about-hero { max-width: 50%; }
    .copyright { align-content: center; justify-content: center;}
    footer div ul { justify-content: center; }
    .copyright p { text-align: center; }
    .carousel-img { max-height: 250px; object-fit: contain; }
    .spacer { background-color: #F4433645; height: 2px; display: flex; margin-bottom: 16px; }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    header nav { padding-right: 0px; }
    header .col-md-6{ justify-content: center; }
    header .col-md-6:nth-of-type(2n) { justify-content: center; }
    #showcase-hero { max-width: 85%; }
    footer div ul {justify-content: center; }
    .copyright p { text-align: center; }
    #about-hero { max-width: 50%; }
    .carousel-img { max-height: 250px; object-fit: contain; }
    .spacer { background-color: #F4433645; height: 2px; display: flex; margin-bottom: 16px; }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    header nav { padding-right: 0px; }
    header .col-md-6{ justify-content: center; }
    header .col-md-6:nth-of-type(2n) { justify-content: center; }
    #showcase-hero { max-width: 85%; }
    .carousel-img { max-height: 400px; object-fit: contain; }
    .spacer { background-color: #F4433645; height: 2px; display: flex; margin-bottom: 16px; }
} 

@media only screen and (min-width: 992px) {
    header nav { padding-right: 0px; }
    header .col-md-6{ justify-content: center; }
    header .col-md-6:nth-of-type(2n) { justify-content: center; }
    #showcase-hero { max-width: 85%; }
    .carousel-img { max-height: 400px; object-fit: contain; }
    .spacer { display: none;}
}