@media  screen and (min-width: 375px) {
    .bottom-social-links {left: 3.5rem;}
}

@media  screen and (min-width: 513px) {
    .bottom-social-links {left: 4.5rem;}
    #KJC-expanded {display: inline;}
    #KJC {display: none;}
    #mobile-nav .logo img {width: 80px;}
}

@media  screen and (min-width: 426px) {
    .image-container {
        grid-template-columns: 1fr 1fr;
        margin: 0.75rem;}
    .image-container-inner {margin: 0.75rem;}
    .image-container-inner:hover {margin: 0.25rem;}
    #img3 {grid-column-start: 1; grid-column-end: 3;}
    #img4 {grid-column-start: 1; grid-column-end: 3;}
    #img7 {grid-column-start: 1; grid-column-end: 3;}
    #img8 {grid-column-start: 1; grid-column-end: 3;}

    .expPost .postTitleDesc {margin-left: 0.75rem;}

    #About #profile img {max-width: 410px;}

    #Contact div {margin: 3rem; margin-bottom: 2rem;}

    div#contactWrapper {margin: 0;}

    div#professionalContact {margin-top: 0;}
}

@media screen and (min-width:475px) {
    #img3, #img4, #img7 {max-height: 75vh;}
    #img3:hover, #img4:hover, #img7:hover {max-height: 79vh;}
}

@media screen and (min-width:540px) {
    section#Gallery-CTA {display: flex; justify-content: center;}
    #Gallery-CTA div {max-width: 492px;}
    .expPost {margin: 0 1.5rem 1rem 1.5rem;}
}

@media screen and (min-width:600px) {
    .image-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        margin: 0.75rem;}
    .image-container-inner {margin: 0.75rem;}
    .image-container-inner:hover {margin: 0.25rem;}
    #img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img20 {max-height: 100vh;grid-column-start: auto; grid-column-end: auto;}
    #img1 {grid-column-start: 1; grid-column-end: 5;}
    #img2 {grid-column-start: 5; grid-column-end: 9;}
    #img3 {grid-column-start: 9; grid-column-end: 12;}
    #img4 {grid-column-start: 1; grid-column-end: 8;}
    #img5 {grid-column-start: 8; grid-column-end: 12;}
    #img6 {grid-column-start: 1; grid-column-end: 5;}
    #img7 {grid-column-start: 5; grid-column-end: 12;}
    #img8 {grid-column-start: 1; grid-column-end: 12;}
    #img9 {grid-column-start: 1; grid-column-end: 6;}
    #img10 {grid-column-start: 6; grid-column-end: 12;}
}

@media  screen and (min-width: 650px) {
    .bottom-social-links {left: 5.5rem;}
    .expPost {margin: 0 3rem 1rem 3rem;}
}

@media screen and (min-width: 768px) {
    .image-container {margin: 0.75rem 6rem;}
    .bottom-social-links {left: 6rem;}

    #About #profile {
        display: flex;
        align-items: center;
    }
    #About #profile p {
    max-width: 440px;}
}

@media screen and (min-width: 770px) {
.footer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}
.bottom-social-link-icons a {margin: 0 0.55rem;}
.Copyright {padding-top: 0.5rem;}
}

@media screen and (min-width:900px) {
    .image-container-inner {margin: 1.15rem;}
    .image-container-inner:hover {margin: 0.35rem;}
#img1, #img4, #img6, #img8 {
    box-shadow: 9px 9px 4px hsl(258deg 97% 26% / 25%);}
#img1:hover, #img4:hover, #img6:hover, #img8:hover {
    box-shadow: 9px 9px 5px -4px hsl(258deg 97% 26% / 20%);}

#img2, #img5, #img9 {
    box-shadow: 9px 9px 4px hsl(328deg 66% 60% / 25%);}
#img2:hover, #img5:hover, #img9:hover {
    box-shadow: 9px 9px 5px -4px hsl(328deg 66% 60% / 20%);}

#img3, #img7, #img10 {
    box-shadow: 9px 9px 4px hsl(284deg 53% 39% / 25%);}
#img3:hover, #img7:hover, #img10:hover {
    box-shadow: 9px 9px 5px -4px hsl(284deg 53% 39% / 20%);}

    .expPost {max-width: 60vw;}
}

@media screen and (min-width: 1024px) {
.image-container {margin: 0.75rem 8rem;}

#mobile-nav {display: none;}
#desktop-nav {display: flex;}
.bottom-social-link-icons {margin-right: 3rem; margin-bottom: 0;}
div.bottom-nav {margin-left: 3rem; margin-top: 0.75rem;}
.bottom-nav li {margin: 0 0.75rem;}
.bottom-social-link-icons a {margin: 0 0.75rem;}

#CarouselImg1, #CarouselImg2, #CarouselImg3, #CarouselImg4, #CarouselImg5, #CarouselImg6, #CarouselImg7, #CarouselImg8, #CarouselImg9, #CarouselImg10 {
    scroll-margin-top: 20vh;
}

}

@media screen and (min-width: 1200px) {

#img1, #img4, #img6, #img8 {
    box-shadow: 11px 11px 5px hsl(258deg 97% 26% / 25%);}
#img1:hover, #img4:hover, #img6:hover, #img8:hover {
    box-shadow: 11px 11px 6px -5px hsl(258deg 97% 26% / 20%);}

#img2, #img5, #img9 {
    box-shadow: 11px 11px 5px hsl(328deg 66% 60% / 25%);}
#img2:hover, #img5:hover, #img9:hover {
    box-shadow: 11px 11px 6px -5px hsl(328deg 66% 60% / 20%);}

#img3, #img7, #img10 {
    box-shadow: 11px 11px 5px hsl(284deg 53% 39% / 25%);}
#img3:hover, #img7:hover, #img10:hover {
    box-shadow: 11px 11px 6px -5px hsl(284deg 53% 39% / 20%);}

.bottom-social-link-icons {margin-right: 4rem;}
div.bottom-nav {margin-left: 4rem;}
.bottom-nav li {margin: 0 1rem;}
.bottom-social-link-icons a {margin: 0 1rem;}

}

@media screen and (min-width:1270px) {
    .image-container {margin: 0.75rem 11rem;}
}

@media screen and (min-width:1440px) {
    .image-container {margin: 0.75rem 14rem;}
}