@media only screen and (max-width: 300px) {

   

}

@media only screen and (min-width: 301px) and (max-width: 600px) {
   
}

@media only screen and (max-width: 600px) {

    .logo-container{
        flex-basis: 70%;
    }

    .flex-child{
        flex-basis: 100%;
    }

    #technology .flex-child{
        flex-basis: 14%;
    }

    #contact .social-media .flex-child{
        flex-basis: 14%;
    }
    
}  

@media only screen and (min-width: 601px) and (max-width: 980px) {
    .logo-container{
        flex-basis: 30%;
    }

    .slogan{
        flex-basis: 60%;
    }
}

@media only screen and (max-width: 980px) {

    #main-container{
        width: 90%;
    }
    
    .slogan{
       font-size: 1em;
    }

}