*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}#header-flex{display:flex;flex-direction:column-reverse}#headerbody{border-radius:15px 15px 5px 5px;position:relative;width:100%;overflow:hidden}#headerbody .img{width:100%;height:30rem;display:block}#headerbody .text{position:absolute;direction:rtl;top:30%;left:30%;color:#fff;font-size:2rem;font-weight:700;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,.7);padding:10px 20px}header{border-radius:0 0 35px 35px;box-shadow:1px 0 5px 4px blue}#btn1,#btn2{transition:all .3s}#btn1:hover{transform:translateX(5px)}#btn2:hover{transform:translateX(-5px)}#h2-s2{background-color:#faf9d4;color:blue;transition:all .3s}#h2-s2:hover{background-color:blue;color:#faf9d4}#img-1-2{width:27rem}@media only screen and (max-width:768px){#headerbody .text{font-size:1rem;top:35%;right:26%}.text-base{font-size:14px;font-weight:20}#container,#section1{display:flex;flex-direction:column}#section2{display:flex;flex-direction:column-reverse}h2{text-align:center}#text1,h2{width:100%}#text1{font-size:15px;padding-right:4rem}#text2{font-size:medium;width:100%;margin-left:2rem}#h2-s2{text-align:center}}@media only screen and (max-width:361px){#headerbody .text{font-size:1rem;top:35%;right:21%}}