header div.banner{flex-direction:column;justify-content:center;align-items:center;background-color:purple;padding:20px;text-align:center;font-size:25px;font-weight:bold;color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;border-radius:100px}header div.banner li{margin:15px;list-style:none}header div.banner h2{font-size:40px;color:red}header div.banner p{font-size:30px}header div.banner button{background-color:#000;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;font-weight:bold;margin:15px}header div.banner button:hover{background-color:#000;opacity:.8}main div.Home{display:flex;flex-direction:row;justify-content:space-around;margin-left:0;margin-top:50px;margin-bottom:100px}main div.Home a{margin:25px;margin-top:50px}main div.Home img{width:350px;height:200px;border:5px solid purple;border-radius:10px}main div.Home img:hover{border:3px solid purple;opacity:.5}main div.Home .card{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}main div.Home .card h4{font-size:30px;color:purple}@media(max-width: 450px){header div.banner{width:80%;flex-direction:column;justify-content:center;align-items:center;background-color:purple;padding:20px;text-align:center;font-size:25px;font-weight:bold;color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;border-radius:20px;margin-top:50px}header div.banner li{margin:15px;list-style:none}header div.banner h2{font-size:30px;color:red}header div.banner p{font-size:20px}header div.banner button{background-color:#000;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;font-weight:bold;margin:15px}header div.banner button:hover{background-color:#000;opacity:.8}main div.Home{display:flex;flex-direction:column;justify-content:center;align-items:center}main div.Home img{width:300px;height:150px}main div.Home .card h4{font-size:25px}}@media(min-width: 500px)and (max-width: 768px){header div.banner{width:80%;flex-direction:column;justify-content:center;align-items:center;background-color:purple;padding:20px;text-align:center;font-size:25px;font-weight:bold;color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;border-radius:20px;margin-top:50px}header div.banner li{margin:15px;list-style:none}header div.banner h2{font-size:30px;color:red}header div.banner p{font-size:20px}header div.banner button{background-color:#000;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;font-weight:bold;margin:15px}header div.banner button:hover{background-color:#000;opacity:.8}main div.Home{display:flex;flex-direction:column;justify-content:center;align-items:center}main div.Home img{width:500px;height:250px;margin-top:30px}main div.Home .card h4{font-size:35px}}