table, td, tr {
    border: 1px solid black;
    border-collapse: collapse;
}
*{margin: 0; padding: 0;}
h2 {font-size: 5px;}
.banner{position: relative; width: 90%; margin: 0 auto;}
.banner img{width: 100%;}
.heading{color: white; position: absolute; top: 50%; width: 100%; text-align: center; font-size: 3rem;}
div.mycontainer {
    width: 100%;
    overflow: auto;
}
div.mycontainer div {
    width: 50%;
    float: left;
}
/* #div1 {
    width: 50%;
    float: left;
}
#div2 {
    width: 50%;
    float: right;
} */
h4 {
    position: relative;
    text-align: center;
}  
.note {
    color: red;
}
.offer {
    overflow: auto;
    background-color: whitesmoke;
    margin: 20px;
    width: 25%;
    text-align: center;
}

body::-webkit-scrollbar{
    width: 10px;
}
body::-webkit-scrollbar-track{
    border: 1px solid black;
    border-radius: 10px;
    background: whitesmoke;
}
body::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px;
}