@media (max-width: 1000px) {

    #navigation a{
        font-size: 40px;
        color: white;
    }

    .infoBox{
        height: 500px;
    }

    .infoBoxIconCircle{
        border-color: lightgray;
        border-style: solid;
        border-width: 2px;
        border-radius: 90px;
        background-color: #fc9003;
        height: 90px;
        width: 90px;
        margin: auto;
        text-align: center;
    }

    .infoBoxIconCircle span{
        color:white;
        font-size: 60px;
    }

    .infoBoxTitle{
        color: #231F20;
        text-align: center;
        font-weight: bold;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
    }

    .infoBoxText{
        color: black;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
    }

    .sectionHeader{
        height: 80px;
        width: 210px;
        background-color: #fc9003;
        color: white;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        padding: 8px;
        font-size: 45px;
        border-radius: 90px;
        margin-bottom: 15px;
        margin-top: 20px;
    }
    
    .sectionTitle{
        color: black;
        font-weight: bold;
        margin-top: 10px;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
        padding-left: 15px;
    }

    .sectionText{
        color: black;
        font-size: 40px;
        padding-left: 15px;
        font-family: 'Raleway', sans-serif;
    }

    #serviceBox{
        margin: auto;
        text-align: center;
        width: 100%;
        height: 620px;
        padding: 20px;
    }
    
    .serviceBoxIconCircle{
        border-color: lightgray;
        border-style: solid;
        border-width: 2px;
        border-radius: 90px;
        background-color: #fc9003;
        height: 90px;
        width: 90px;
        text-align: center;
        margin-top: 40px;
        font-size: 47px;
    }
    
    .serviceBoxIconCircle span{
        color:white;
        font-size: 47px;
    }
    
    .serviceBoxTitle{
        color: black;
        font-weight: bolder;
        margin-top: 10px;
        font-size: 50px;
        font-family: 'Roboto', sans-serif;
    }
    
    .serviceBoxDetails{
        color: black;
        font-size: 35px;
        text-align: left;
        font-family: 'Raleway', sans-serif;
        padding-bottom: 10px;
        height: 700px;
    }

    .pricingBoxMain{
        background-color: lightgray;
        margin: auto;
        text-align: center;
        width: 100%;
        height: 1700px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .pricingBox{
        background-color: lightgray;
        margin: auto;
        text-align: center;
        width: 100%;
        height: 1350px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .pricingHeader{
        height: 10px;
        width: 100%;
        background-color: #fc9003;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .pricingTitle{
        color: #231F20;
        text-align: center;
        font-weight: bold;
        font-size: 30px;
        height: 60px;
        /* margin: 20px; */
        padding-top: 10px;
    }
    
    .pricingPrice{
        margin: 20px;
        text-align: left;
        font-size: 40px;
    }
    
    .pricingPrice2{
        margin: 20px;
        text-align: left;
        font-size: 18px;
    }
    
    .pricingDescription{
        margin: 20px;
        text-align: left;
        height: 100px;
        font-size: 20px;
    }

    .subBtn{
        font-size: 40px;
    }



    .socialText{
        font-size: 35px;
    }

    .social{
        color:black;
        font-size:20px;
    }

    a .social{
        font-size: 20px;
    }

    .contactDetails{
        font-size: 30px;
    }
    

}

@media (max-width: 500px) {
    .pricingBoxMain{
        background-color: lightgray;
        margin: auto;
        text-align: center;
        width: 100%;
        height: 1800px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .pricingBox{
        background-color: lightgray;
        margin: auto;
        text-align: center;
        width: 100%;
        height: 1450px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
}