/* Start Main Header */

.main-header {
    background-image: url('../Img/our-services.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 600px;
    width: 100%;
}

@media (min-width: 320px) and (max-width: 480px){
    .main-header{
        height: 160px;
    }
}

@media (min-width: 481px) and (max-width: 576px){
    .main-header{
        height: 200px;
    }
}

@media (min-width: 577px) and (max-width: 767px){
    .main-header{
        height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .main-header{
        height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .main-header{
        height: 350px;
    }
}
/* End Main Header */

/* Start Services */
.services h3{
    text-align: center;
    font-size: 4.5rem;
    padding-bottom: 20px;
}

.services p{
    color: #545454;
    font-size: 25px;
    line-height: 1.9;
}
@media only screen and (min-width: 320px) and (max-width: 480px){
     html{
        overflow-y: auto;
    }
    .services h3{
        font-size: 2.25rem;
    }
    .services p{
        font-size: 15px;
    }
}
@media (min-width: 481px) and (max-width: 576px){
    .services h3{
        font-size: 2.25rem;
    }
    .services p{
        font-size: 15px;
    }
}

@media (min-width: 577px) and (max-width: 767px){
    .services h3{
        font-size: 2.25rem;
    }
    .services p{
        font-size: 15px;
    }
}



/* End Services */