*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:15px}h1,h2,h3,h4{color:#444}h1{font-family:crete round,serif;font-size:45px}h2{font-size:55px}h3{font-size:30px}h4{font-size:24px}p{line-height:20px;color:#777}div.wrapper{max-width:1024px;margin:0 auto;padding:0 20px}span.orange{color:#ff7a00}small{font-size:15px;font-style:italic}header{height:120px}header .wrapper{display:flex;flex-direction:row;justify-content:space-between;column-gap:20px}header h1{margin-top:32px}header nav{margin-top:50px}ul{list-style:none}header nav ul li{display:inline-block}header nav ul li a{text-transform:uppercase;font-weight:700;margin-right:20px;color:#444}a{text-decoration:none}#main-image{height:580px;background:url(images/main.jpg)no-repeat 50%}#main-image h2{font-weight:400;text-transform:uppercase;text-align:center;padding:150px 0 40px;margin-bottom:20px}.button-1{display:block;width:120px;height:50px;background-color:#ff7a00;color:#fff;font-size:20px;margin:0 auto;line-height:50px;text-align:center;border-radius:3px}.button-1:hover{background-color:#02b8dd}#steps ul{display:flex;flex-direction:row;margin:80px 0}#steps h4{text-transform:uppercase;margin-bottom:20px}#steps ul li{width:320px;padding-top:140px;text-align:center;margin-right:10px}#step-1{background:url(./images/steps-icon-1.png)no-repeat 50% 0}#step-2{background:url(./images/steps-icon-2.png)no-repeat 50% 0}#step-3{background:url(./images/steps-icon-3.png)no-repeat 50% 0}#steps p{margin-bottom:20px}#possibilities{background-color:#efefef;padding:40px 0;height:350px}#possibilities .wrapper{display:flex;flex-direction:row;column-gap:20px}#possibilities article{min-width:400px;max-width:460px;height:270px;border-radius:10px}#possibilities p{text-align:center;margin-bottom:20px}#possibility-1{background:url(./images/article-image-1.jpg)no-repeat}#possibility-2{background:url(./images/article-image-2.jpg)no-repeat}.overlay{height:100%;width:195px;padding:5px;border-radius:10px 0 0 10px;text-align:center;background:rgba(255,255,255,.94)}article h4{border-bottom:1px solid #ddd;padding-bottom:20px;text-transform:uppercase;margin-bottom:20px;text-align:center}.button-2{color:#fff;background-color:#ff7a00;padding:6px 20px;border-radius:3px}.button-2:hover{background-color:#02b8dd}#contact{padding:60px 0;text-align:center}#contact h3{width:320px;text-transform:uppercase;margin:0 auto 20px;border-bottom:1px solid #02b8dd;padding-bottom:20px}#contact form{display:flex;flex-direction:row;justify-content:center;margin:60px auto 20px}label{font-weight:700;font-size:20px;margin-right:10px;color:#777}input[type=text],input[type=email]{padding:10px;font-size:20px;margin-right:20px;border:1px solid #ddd;border-radius:3px}.button-3{font-size:20px;font-weight:700;padding:10px;color:#fff;background-color:#ff7a00;border-style:none;border-radius:3px;width:50px}.button-3:hover{background-color:#02b8dd}footer{height:260px;background-color:#444}footer h1{color:#fff;padding-top:80px;text-align:center}.copyright{text-align:center;font-weight:700;padding-top:30px;color:#fff}@media screen AND (max-width:820px){header .wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#possibilities{background-color:#efefef;padding:40px 0;height:640px}#possibilities .wrapper{display:flex;flex-direction:column;align-items:center;row-gap:20px;padding-left:20px;padding-right:20px}#possibilities article{max-width:500px;border-radius:10px}#contact form{display:flex;flex-direction:column;align-items:center;row-gap:20px}}@media screen AND (max-width:789px){header h1{margin-top:10px}header nav{margin-top:20px}}@media screen AND (max-width:576px){div.wrapper{max-width:100%;padding:0 10px}header h1{margin-top:10px;font-size:30px}header nav{margin-top:20px;font-size:12px}#main-image h2{font-size:40px}#steps ul{display:flex;flex-direction:column;align-items:center}#steps ul li{margin-bottom:50px;margin-right:0}#steps ul li:last-child{margin-bottom:0}label{font-size:18px;margin-right:5px}footer{height:260px}footer h1{font-size:30px}}@media screen AND (max-width:370px){div.wrapper{padding:0}div.wrapper p{padding:0 5px}header h1{margin-top:10px;font-size:30px}header nav{margin-top:20px;font-size:9px}#main-image h2{font-size:25px}#possibilities article{min-width:320px}label{font-size:16px}input[type=text],input[type=email]{padding:10px;font-size:16px;margin-right:0;border:1px solid #ddd;border-radius:3px}}