img {
    max-width: 100%;
} 
* {
    margin: 0%;
    padding: 0%;
}
.myHeader {
    padding-top: 20px;
    padding-bottom: 28px;
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}
.bluebg {
    background-color: rgb(0,0,255);
}
#banner img {
width: 100%;
}
#banner {
    margin-bottom: 30px;
}
.fruits-section, .fixed-container {
    display: block;
    justify-content: center;
    margin: 0 10%;
}
h2 {
    text-align: center;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    color: rgb(0,0,255);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
footer {
    margin-top: 75px;
    padding-top: 100px;
    padding-bottom: 125px;
    color: white;
    text-align: center;
    font-size: 30px;
}

  /* media-query*/

@media (min-width:720px) { 
    .myHeader {
        font-size: 50px;
    }
    h2 {
        font-size: 60px;
    }
    footer {
        font-size: 60px;
    }
    .fruits-section .fixed-container {
        display: flex;
    }
    .fruit-1, 
    .fruit-2, 
    .fruit-3 {
        width: 33%;
    }
    .fruit-1 img, 
    .fruit-2 img, 
    .fruit-3 img {
        width: 100%;
    }
    .fixed-container {
        width: auto;
        margin: 0 auto;
    }
    .more-fruits-group {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .additional-fruits  {
        margin-top: 50px;
    }
    .fruit-4 {
        margin-right: 40px;
    }
}