*{
    margin: 0;
    padding: 0;
    font-family:'Times New Roman', Times, serif
}

/* Header style */
#BlueBG {
    background-color: rgb(17, 17, 247);
}
header  {
    
    width:100%;
    height: 60px;
    
}
header h2 {
    color: white;
    text-align: center;
    padding: 10px 0px 2px;
}
.Banner{
    margin-bottom: 40px;
    
}
.Banner img {
    width: 100%;
}
/* first Section Style */
.fruit1, .fruit2, .fruit3 {
    margin: 20px 20px;
}
.fruit1 img, .fruit2 img, .fruit3 img {
    width: 100%;
}
/* second section style */
.more {
    margin: 20px 0px;
}
.more p {
    color: blue;
    font-size: 30px;
    font-weight: 100px;
    text-align: center
    
    
}
.fruit4, .fruit5 {
    margin: 20px 20px;
}
.fruit4 img, .fruit5 img {
    width: 100%;
}
/* Footer Style */
footer  {
    
    width:100%;
    height: 60px;
    
}
footer h3 {
    text-align: center;
    color: #fff;
    padding-top: 20px;
}
/* Responsiveness on tablet and desktop */

@media (min-width: 768px) {
    header  {
        height: 80px;
        
    }
    header h2 {
        color: white;
        text-align: center;
        font-size: 50px;
    }
    .three-fruits {
        width: 100%;
        display: flex;
    }
    .fruit1, .fruit2, .fruit3 {
        width: 33.3%;
    }
    .more {
        margin: 40px 0px 10px;
    }
    .more p {
        font-size: 40px;
        font-weight: 1000px;
        text-align: center
    }
    .two-fruits {
        display: flex;
        justify-content: center;
    }
    footer  {
        height: 90px; 
    }
    footer h3 {
        font-size: 40px;
        padding-bottom: 20px;
    }
}