.logo{
    /* height: 1%; */
    position: relative;
    width: 20%;
    margin-right: 3%;
}

.logo img{
    /* height: 1%; */
    width: 100%;
    padding-top: 0%;
}



/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    .text-logo{
        font-size: 0.7em;
        float: left;
        /* width: 37%;  */
        color: white !important;
        /* position: relative;  */
        /* padding-top: 3%; */
        /* left: 50%; */
        /* margin-top: 4%;  */
    }
  }
  
  /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
  @media screen and (max-width: 600px) {
    .text-logo{
        font-size: 0.45em;
        float: left;
        /* width: 37%;  */
        color: white !important;
        /* position: relative;  */
        /* padding-top: 3%; */
        /* left: 50%; */
        /* margin-top: 4%;  */
    }
  }