@media (max-width:1040px) {
    .services-container{
        width: 100%;
    }
    .connect-container{
        width: 90%;
        margin: 0 auto;
    }
    .services-1{
        width: 40%;
    }
    .services-2{
        width: 40%;
    }
}
@media (max-width:860px) {
    .connect-container{
        width: 100%;
        margin: 0 auto;
    }
    .services-1{
        width: 45%;
    }
    .services-2{
        width: 45%;
    }
    .header-links-container{
        width: 30%;
    }
    #slider {
        width: 37rem;
    }
    #slider ul li img{
        width: 12rem;
    }
}
@media (max-width:770px) {
    .connect-container{
        flex-direction: column;
        border: none;
    }
    .left-container{
        width: 80%;
        margin: 0 auto;
    }
    .right-container{
        border-radius: 1px;
        width: 80%;
        margin: 0 auto;
    }
    .form-input{
        width: 100%;
    }
    .services-container{
        width: 65%;
        margin: 0 auto;
        flex-direction: column;
    }
    .services-1{
        width: 100%;
        margin-bottom: 30px;
    }
    .services-2{
        width: 100%;
    }
    .services-section{
        padding: 5rem 1rem;
    }
    .connect-section{
        padding: 1.25rem 1rem;
        padding-bottom: 3.9rem;
    }
}
@media (max-width:683px) {
    .header-body{
        flex-direction: column-reverse;
        width: 100%;
    }
    .left-header-body{
        width: 80%;
        margin: 0 auto;
    }
    .right-header-body{
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
    .right-header-body img{
        width: 90%;
    }
    .project-containers{
        flex-direction: column;
    }
    .project-contents{
        border-bottom: 2px solid var(--light-grey-color);
        border-right: none;
    }
    .project-img{
        height: 10.75rem;
    }
    .connect-container{
        width: 100%;
    }
    .left-container{
        width: 100%;
        margin: 0 auto;
    }
    .right-container{
        border-radius: 1px;
        width: 100%;
        margin: 0 auto;
    }
    .connect-icon-holder a{
        font-size: 12px;
    }
    .tools-img img{
        width: 70%;
        margin: 0 auto;
    }
    .slideshow-container {
        width: 100%;
    }
    #slider {
        width: 31rem;
    }
    #slider ul li img{
        width: 12rem;
    }
}
@media (max-width:519px) {
    .services-container{
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }
    .tools h3{
        font-size: 1.25rem;
    }
    #slider {
        width: 23rem;
    }
    #slider ul li img{
        width: 10rem;
    }
}