body {
    overflow-x: hidden;
}

.about-title-box{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.6)), url("../img/scenery.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 1em 1.5em 3.3em;
}

.secondary-color {
    background-color: var(--color-primary);
}

.dark-blue-color {
    color: #263159;
    font-weight: 0;
}

.location-info {
    background-color: #e4e4e4;
    width: 100vw;
    position: absolute;
    left: 0;
}
.office-image, .googlemaps-image{
    width: 25rem;
    height: 29em;
}
.office-image img, .googlemaps-image{
    max-width: 100%;
    height: 100%;
}
hr{
    padding: 0;
    margin: 0;   
    border: 5px solid var(--color-primary);
    opacity: 1;
}
.location-row{
    /* margin: 0.5rem; */
    /* border-top: 10px solid var(--color-primary);
    border-bottom: 10px solid var(--color-primary); */
    opacity: 1;
    margin: 0 0.5px;
    
    /* border: 3px dotted #e5cb82; */
}
.location-text{
    border-right: 2px solid #b5b7c1;
   
}
.location-text address{
    font-size: 1em;
}
.c-image{
    width: 100%;
    height: 29em;
}
.carousel{
    width: 100%;
}
.about-no-carousel{
    display: none;
}
.about-no-carousel-images{
    display: none;
}

@media (max-width: 1350px) {
    .googlemaps-image-no-carousel{
        height: 10em !important;  
        width: 30em;
    }
    .carousel{
        display: none;
    }
    .about-no-carousel{
        display: block;
    }
    .about-no-carousel-images{
        display: flex;
        justify-content: center;
        /* align-items: center; */
        padding-top: 2em;
        border-top: 2px solid #b5b7c1;
    }
    .no-c-image{
        object-fit: cover;
        margin: 1em;
        width: 35em !important;
        box-shadow: -2px 0px 27px 7px rgba(172, 165, 172, 0.4);
    }
    .carousel-images{
        padding-bottom: 2em;
    }
}
@media (max-width: 1200px) {
    .no-c-image{
        width: 30em !important;
    }
}
@media (max-width: 1050px) {
    .no-c-image{
        width: 25em !important;
    }
    .location-text h2{
        font-size: 1.5em;
    }
}
@media(max-width: 880px){
    .about-no-carousel-images{
        flex-direction: column !important;
    }
    .no-c-image{
        margin: 0;
        width: 100% !important;
    }
    .no-c-image:first-child{
        margin-bottom: 0.5em;
    }
    .location-text{
        width: 100%;
        border-right: 0;
        margin-bottom: 1em;
        border-bottom: 2px solid #b5b7c1;
    }
    .location-row{
        display: flex !important;
        flex-direction: column !important;
    }
    .office-images, .about-no-carousel, .googlemaps-image-no-carousel{
        width: 100%;
    }
}