﻿
/* Audience Images */
@media (max-width: 938px){
    .audienceProviderImg{
        min-width: 500px;
        margin-left: -100px;
    }
}
@media (min-width: 939px){
    .audienceProviderImg{
        min-width: 700px;
        margin-left: -100px;
    }
}


/* Features block */
.features-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 1000px;
}
.features-container > * {
    max-width: 330px;
    text-align: center;
    border: 0 solid white;
}
.feature-icon {
    width: 76px;
    margin-right: 20px;
}
.features-container > *:not(:first-child):not(:last-child) {
    border-width: 0 1px;
}
.features-container > * > h5 {
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.features-container > * > p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1030px) {
    .features-container > *:last-child {
        padding-top: 2rem;
    }
    .features-container > *:not(:first-child):not(:last-child) {
        border-width: 0;
    }
}
@media (max-width: 697px) {
    .features-container > *:not(:first-child) {
        padding-top: 2rem;
    }
    .features-container > *:not(:last-child) {
        padding-bottom: 2rem;
    }
    .features-container > *:not(:first-child):not(:last-child) {
    border-width: 1px 0;
    }
}

/* SideTextBlock Specifics */

.providerSideTextBlock {
    background-image: url('./../images/braceBackdrops/provider.webp');
    background-size: cover;
    min-height: 500px;
    background-position: left;
}

.salesSideTextBlock {
    background-image: url('./../images/braceBackdrops/salesrep.webp');
    background-size: cover;
    min-height: 500px;
    background-position: left;
}

.supplierSideTextBlock {
    background-image: url('./../images/braceBackdrops/supplier.webp');
    background-size: cover;
    min-height: 500px;
    background-position: left;
    justify-content: start;
    background-position: center;
    background-repeat: no-repeat;
    
}

@media (max-width: 767px) {
    .providerSideTextBlock, .salesSideTextBlock {
        background-image: none;
    }
    .supplierSideTextBlock {
        justify-content: center;
        background-position-x: 0px;
        background-size: auto;
    }
    
}

@media (min-width: 768px) {
    .providerSideTextBlock, .salesSideTextBlock {
        background-position-y: 0px;
    }
    .salesSideTextBlock {
        background-position-x: -100px;
    }
    .supplierSideTextBlock > .text-center {
        margin-left: 40px;
    }
    
}

@media (min-width: 1200px) {
    .providerSideTextBlock, .salesSideTextBlock {
        background-position-y: -50px;
        background-size: 65vw;
    }
    .salesSideTextBlock {
        background-size: 90vw;
    }
    .supplierSideTextBlock > .text-center {
        margin-left: 150px;
    }
    
}

@media (min-width: 1600px) {
    .providerSideTextBlock {
        background-position-y: -75px;
        background-size: 65vw;
        min-height: 550px;
    }
    .salesSideTextBlock {
        background-position-x: 0px;
        background-size: 75vw;
    }
    .supplierSideTextBlock > .text-center {
        margin-left: 15%;
    }
    
}