.clearfix::after {
 content: "";
 display: block;
 clear: both;
}

article {
 -ms-flex-preferred-size: 90%;
     flex-basis: 90%;
 width: 95%;
}

article h1 {
 width: 90%;
 margin: 0 auto;
 color: #03468d;
 font-weight: 800;
}

article p {
 width: 90%;
 margin: 10px auto 0 auto;
}

article span {
 color: #03468d;
 font-weight: 700;
}

article span.ask {
 color: #ff7500
}

article p a {
 text-decoration: none;
 color: black;
}

article form {
 width: 80%;
 margin: 20px auto;
}

article form input {
 width: 100%;
 font-size: 120%;
 margin: 10px auto;
 border-radius: 5px;
 border: 1px solid #03468d;
 padding: 5px;
}

article div.text textarea {
 width: 100%;
 font-size: 140%;
 margin-top: 10px;
 border-radius: 10px;
 border: 1px solid #03468d;
 padding: 20px 5px;
}

article input.politic {
 width: 20px;
 height: 20px;
}

article ul {
 margin: 0 auto;
 list-style: none;
 width: 50%;
}

article input.special {
 background-color: #ff7300;
 color: white;
 border: none;
 line-height: 150%;
}

@media(min-width:768px) {
 article form {
  width: 60%;
 }
}

@media(min-width:1024px) {
 article {
  height: 70%;
 }

 article p a:hover {
  border-bottom: 1px solid #03468d;
 }

 article form {
  width: 100%;
  margin-left: 30px;
 }

 article form input {
  width: 54%;
  padding: 5px;
 }

 div.surname label {
  margin-right: 1%;
 }

 div.surname input {
  width: 70.5%;
 }

 div.phone,
 div.mail {
  float: left;
  width: 50%;
 }

 div.mail label {
  margin-left: 4%;
  margin-right: 2%;
 }

 div.phone label {
  margin-right: 1%;
 }

 div.text label {
  display: block;
  float: left;
  margin-right: 0.5%;
  margin-left: 2.5%;
  margin-top: 10px;
  width: 10%;
 }

 article div.text textarea {
  width: 70.5%;
  height: 50%;
  padding: 10px;
 }

 article div.politic {
  float: left;
  margin-left: 13%;
 }

 article input.politic {
  cursor: pointer;
 }

 article ul {
  float: left;
 }

 article ul li {
  float: left;
  width: 30%;
  text-align: right;
 }

 article ul li:nth-child(1) {
  margin-left: 20%;
  margin-right: 9%;
 }

 article ul li:nth-child(2) {
  margin-left: -4px;
 }

 article input.special {
  cursor: pointer;
  width: 100%;
  padding: 0;
 }

 article input.special:hover {
  -webkit-box-shadow: 0 2px 2px 2px #424242;
          box-shadow: 0 2px 2px 2px #424242;
 }
}

@media(min-width:1152px) {
 article form input {
  width: 53%;
  font-size: 100%;
 }

 div.text label {
  margin-right: -0.5%;
 }

 article input.politic {
  margin-left: -5%;
 }

 article ul li:nth-child(1) {
  margin-left: 23.5%;
 }
}

@media(min-width:1280px) {
 article {
  margin-top: 7%;
  margin-left: 12%;
 }

 article h1 {
  font-size: 38px;
 }

 article form {
  width: 80%;
  margin-left: 60px;
 }

 article form input {
  width: 52%;
 }

 div.mail label {
  margin-left: 3%;
  margin-right: 3%;
 }

 div.phone label {
  margin-right: 3%;
 }

 article div.text textarea {
  width: 71%;
 }

 div.text label {
  margin-right: 0.75%;
  margin-left: 2%;
 }

 article input.politic {
  margin-left: -1%;
 }

 article ul li:nth-child(1) {
  margin-left: 20.5%;
 }
}

@media(min-width:1366px) {
 article {
  margin-top: 0%;
  margin-left: 20%;
 }

 div.phone label {
  margin-right: 2.5%;
 }

 div.text label {
  margin-right: 0.5%;
  margin-left: 2%;
 }

 article div.text textarea {
  width: 70.5%;
 }

 article ul li:nth-child(1) {
  margin-left: 22%;
 }
}

@media(min-width:1600px) {

 article {
  margin-top: 5%;
 }

 div.mail label {
  margin-right: 2.5%;
 }

 div.phone label {
  margin-right: 0.5%;
 }

 div.text label {
  margin-right: -1.25%;
 }

 article input.politic {
  margin-left: -10%;
 }

 article ul li:nth-child(1) {
  margin-left: 25.5%;
 }
}

@media(min-width:1680px) {
 article {
  margin-top: 8%;
  margin-left: 29%;
 }

 article form {
  width: 65%;
 }

 div.text label {
  margin-right: 0.5%;
 }

 div.mail label {
  margin-right: 3.0%;
 }

 div.phone label {
  margin-right: 2.5%;
 }

 article div.text textarea {
  padding: 20px;
 }

 article input.politic {
  margin-left: -2%;
 }

 article ul li:nth-child(1) {
  margin-left: 22.5%;
 }
}

@media(min-width:1903px) {
 article {
  margin-top: 7%;
  margin-left: 35%;
 }

 div.mail label {
  margin-right: 2.5%;
 }

 div.phone label {
  margin-right: 1%;
 }

 div.text label {
  margin-right: -1%;
 }
}

@media(min-width:1920px) {
 article {
  margin-top: 8%;
  margin-left: 38%;
 }

 div.mail label {
  margin-right: 2.5%;
 }

 div.phone label {
  margin-right: 1%;
 }

 div.text label {
  margin-right: -1%;
 }

 article input.politic {
  margin-left: -9%;
 }

 article ul li:nth-child(1) {
  margin-left: 25%;
 }
}