p{
    color: #717171;
}

.bannerContainer img {
    max-height: 420px;
    object-fit: cover;
}

#brandSwiperContainer {
    padding-top:1rem;
    padding-bottom:1rem;
}

#brandSwiperContainer .swiper-wrapper {
    margin-top: 50px;
    margin-bottom: 70px;
}

#brandSwiperContainer .swiper-slide {
    display: flex;
    justify-content: center;
}

#brandSwiperContainer .swiper-slide img {
    max-width: 200px;
    max-height: 150px;
}

#featuredProducts {
    background-color: #eaeaea;
    padding:15px;
}


#featuredProducts a {
    text-decoration:none;
}

#featuredProducts .imgContainer {
    display:flex;
    justify-content:center;
}

#featuredProducts .swiper-wrapper {
    margin-top: 10px;
    margin-bottom: 50px;
}


#featuredProducts .swiper-slide img {
    max-width: 150px;
    max-height: 150px;
}                                                   

#featuredProducts .productContainer {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.our-brands-display {
    background-color: #fafafa;
    padding: 20px;
    text-align: center;
}

.our-brands-display-title{
    font-size: 2.5em;
}

.our-brands-display-subtitle{
    font-size: 1.25em;
    padding:1%;
}
    
.our-brands-display-logos{
    display:flex;
    flex-direction:row;
    justify-content:center; 
    align-content:center;
    max-width:100%;
    flex-wrap:wrap;
    gap:2.5rem  1.5rem;
    margin:4%;
    filter: grayscale(1);
}

.our-brands-display-logos img {
    width: 50%;
}
    /* adjust accordingly when adding more logo's */ 
.our-brands-display-logos div {
    width:12%;

}
.index-about{
    padding:10%;
    margin:0;
}

.index-about-text-title{
    font-size: 3.125em;
}

.index-about-text-para{
    font-size:1em;
    padding-top:6%;
    padding-bottom:5%
}

.view-more-button-index {
    background-color: #F04E23;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 1.25em;
    padding: 1.5% 5%;
    outline: transparent;
    border: none;
}

.index-about-image{
    padding: 4%;
}

.latest-products {
    background-color: #fafafa;
    text-align: center;
    padding:6%;
}

.latest-products-title{
    font-size:2.5em;
}

.latest-products-subtitle {
    font-size: 1.25em;
    color: #717171;
}

.latest-products-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    padding-top: 4%;
}

.latest-products-card{
    padding-bottom:15%;
}

.latest-products-card-text{
    padding-top:10%;
}

.latest-products-card-text-brand{
    font-size: 1em;
}

.latest-products-card-text-disc {
    font-size: 1.25em;
    color: #717171;
}

.latest-products-card-text-price {
    font-size: 1.875em;
    color: #F04E23;
}

.latest-downloads{
   text-align:center;
   padding:6%;
}

.latest-downloads-title{
    font-size:2.5em;
}

.latest-downloads-subtitle{
    font-size:1.25em;
    color:#717171;
}

.latest-downloads-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    padding: 5% 20%;
}

.latest-downloads-card-text {
    padding: 5%;
    border: solid lightgray 1px;
}

.latest-downloads-card-text-brand{
    font-size:0.75em;
}

.latest-downloads-card-text-title {
    font-size: 1em;
    display: inline-block
}

.latest-downloads-card-text-disc{
    font-size:.75em;
    color:#717171;
}

.latest-downloads-button {
    background-color: #F04E23;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 1em;
    padding: 1.2% 4%;
    outline: transparent;
    border: none;
}

@media (max-width: 1200px) {
    .latest-products-grid {
        gap: 1rem;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .latest-products-grid {
        gap: 1rem;
        grid-template-columns: repeat(3, 1fr);
    }
    .latest-downloads-grid {
        gap: 1.5rem;
        grid-template-columns: repeat(2, 1fr);
    }

@media (max-width: 760px){
   x .latest-products-grid {
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);      
    }
    .latest-downloads-grid {
        gap: 1.5rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .latest-downloads-title {
        font-size: 2em;
    }
    .latest-downloads-subtitle {
        font-size: 1em;
    }
    .index-about-text-title {
        font-size: 2.5em;
    }
    .our-brands-display-title {
        font-size: 2em;
    }
    .our-brands-display-subtitle {
        font-size: 1em;
    }
}

@media (max-width: 500px) {
    .latest-products-grid {
        gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .latest-downloads-grid {
        gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .latest-downloads-title {
        font-size: 1.5em;
    }
    .index-about-text-title {
        font-size: 2em;
    }
    .our-brands-display-title {
        font-size: 1.5em;
    }
    .our-brands-display-subtitle {
        font-size: 1em;
    }
}