Код: Выделить всё
body{text-align:center;margin:0;background:repeating-linear-gradient(to bottom, transparent, transparent 10px, #f8f8f8 10px, #f8f8f8 11px),repeating-linear-gradient(to right, transparent, transparent 10px, #f8f8f8 10px, #f8f8f8 11px);background-clip:padding-box}a{color:#276c91;text-decoration:none}a:hover,a:focus{text-decoration:underline}header{text-align:center;margin-bottom:5px}header h1{margin-top:30px;padding-left:15px;padding-right:15px;line-height:.9;margin-bottom:10px;position:relative;display:inline-block}header h1 .header{font-family:"Times New Roman"}@media (min-width:1000px){header h1 .header{font-size:54px}}@media (min-width:800px) and (max-width:1000px){header h1 .header{font-size:50px}}@media (min-width:600px) and (max-width:800px){header h1 .header{font-size:40px;display:block;margin-bottom:10px}}@media (max-width:600px){header h1 .header{font-size:35px;display:block;margin-bottom:10px}}header h1 .hint{font-family:Arial;font-size:15px;font-weight:normal}@media (min-width:800px){header h1 .hint{font-style:italic;position:absolute;top:-15px;right:15px}}@media (max-width:800px){header h1 .hint{display:block;text-align:center;margin-bottom:10px}}header .sub{font-family:Arial;font-size:16px;text-align:center;margin-bottom:5px}header .sub .center{display:inline-block;padding:8px 15px;background-color:#f4f4f4}header .signup{margin-bottom:3px;text-align:center;font-family:Arial;font-size:17px}header .hint{margin-bottom:9px;font-family:"Times New Roman";font-size:16px}.text{margin-bottom:35px;margin-left:3%;margin-right:3%;padding:20px 50px;max-width:600px;margin-left:auto;margin-right:auto;background-color:#fafafa}.text p{text-align:justify;font-family:Arial;font-size:17px;line-height:1.3;margin-top:0;margin-bottom:15px}.process{margin-top:30px;margin-left:auto;margin-right:auto}@media (min-width:1200px){.process{width:1100px}}@media (min-width:1000px) and (max-width:1200px){.process{width:1000px;margin-bottom:40px}}@media (min-width:900px) and (max-width:1000px){.process{width:900px;margin-bottom:40px}}@media (max-width:900px){.process{width:100%;margin-bottom:40px}}.process .steps{font-size:20px;font-family:"Times New Roman";text-align:center;margin-top:15px}@media (min-width:1000px){.process .steps{margin-left:-40px}}.process .steps .step{position:relative;background-color:#fff;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;border:1px dashed #b3b3b3}.process .steps .step .how{text-align:left;position:absolute;top:-25px;left:0;color:#000;font-family:Arial;font-size:15px;width:500px}@media (min-width:1100px){.process .steps .step{padding:23px 70px;font-size:20px;position:relative;margin-left:50px}.process .steps .step:not(:first-child)::before{position:absolute;left:-40px;content:'\2192'}}@media (min-width:900px) and (max-width:1100px){.process .steps .step{padding:20px 40px;font-size:20px;position:relative;margin-left:40px}.process .steps .step:not(:first-child)::before{position:absolute;left:-40px;content:'\2192'}}@media (min-width:600px) and (max-width:900px){.process .steps .step{padding-top:20px;padding-bottom:20px;font-size:18px;width:70%;margin-left:auto;margin-right:auto}}@media (max-width:600px){.process .steps .step{padding-top:18px;padding-bottom:18px;font-size:18px;width:97%;margin-left:auto;margin-right:auto}}.start{width:60%;margin-left:auto;margin-right:auto}