body{margin:0}header{display:flex;justify-content:center;align-items:center;z-index:1}.site-header{display:flex;position:fixed;flex-wrap:wrap}.logo{width:150px;height:150px;border-radius:50%}h4{font-size:30px;text-align:center;margin-bottom:0;margin-top:10px}h5{font-size:20px;margin:0 0 10px -50px}li{font-size:20px}span{font-size:15px;font-style:italic}section{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}#section1{background-color:steelblue}#section2{background-color:tomato;gap:20px}#section3{background-color:aqua;gap:20px}#section4{background-color:chocolate;gap:20px}#section5{background-color:darkslategray}.intro{width:80%;min-height:400px;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:20px;padding:20px;border-radius:10px;opacity:.5}.container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.box{width:30%;height:500px;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:20px;padding:0 20px;border-radius:10px;opacity:.5}.box:nth-child(2){background-color:#170300}#button1{width:auto;min-height:30px;border-radius:10px;background-color:beige;color:#000;margin-top:30px;text-align:center;text-decoration:none;display:flex;justify-content:center;align-items:center}.grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:400px;width:70%;padding:10px;border-radius:10px}.grid-box{color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center}.bdr1{border-right:1px solid #fff}.bdr3{border-top:1px solid #fff;border-right:1px solid #fff}.bdr4{border-top:1px solid #fff}.grid-box-box{min-height:200px;width:100%;background-color:#000;opacity:.5;color:#fff;margin:10px;border-radius:10px}.grid-tools-box{margin:50px}.grid-social-box{display:grid;grid-auto-flow:column;place-items:center;margin-top:85px}@media (min-width:481px) and (max-width:768px){section{flex-direction:column;padding:40px 0}h4{font-size:26px}h5{font-size:19px;margin-left:0}li{font-size:19px}.intro{width:90%;min-height:auto}.container{gap:20px}.box{width:45%;min-height:auto}#button1{width:80%;padding:8px}.grid-container{width:90%;min-height:auto}.grid-box-box{width:95%;min-height:auto}.grid-tools-box{margin:30px}}@media (max-width:480px){section{min-height:auto;padding:40px 0;flex-direction:column}h4{font-size:24px}h5{font-size:18px;margin-left:0}li{font-size:18px}.intro{width:85%;min-height:auto;font-size:18px}.container{flex-direction:column;align-items:center;gap:20px}.box{width:85%;min-height:auto}.grid-container{grid-template-columns:1fr;grid-template-rows:auto;width:90%;min-height:auto}.grid-box-box{width:90%;min-height:auto}#button1{width:60%;margin:10px 0;padding:10px}.bdr1,.bdr3,.bdr4{border:none}.grid-social-box{padding:20px 0;margin-top:0}.logo{width:60px;height:60px;border-radius:50%}.site-header{left:42%;position:absolute}}@media (min-width:769px) and (max-width:992px){#section2 .box{min-height:550px;font-size:0}}