/* for desktop */
@media (min-width: 1200px) {
#content {width: 1000px; margin-left: -500px; left: 50%; position: relative; overflow: hidden;}
#social {width: 1000px; left: 50%; position: relative; margin: 0 0 0 -500px;}
#blocks {width: 1000px; margin: 10px 0 0 -500px; left: 50%; position: relative;}
.clients {font-size: 32px;}
.project {width: 24%; height: auto;}
.alert {text-align: center; padding: 10px 5%; font-size: 12px;}
}
/* phone */
@media (max-width: 700px) {
body {padding: 5% 2%;}
.lang {margin-bottom: 10%;}
#content {width: 90%; margin: 15% 0 0 5%; left: 0;}
#projects {width: 90%; margin: 10px 0 0 0; background-color: whitesmoke; }
#blocks {margin: 10px 0 10px 0;}
.clients {font-size: 22px;}
#social {width: 90%; margin: 0; padding: 20px 5% 50px 5%; }
h1 {font-size: 32px; line-height: 1.2; font-weight: 600;}
h2 {font-size: 24px; margin: 30px 0; font-weight: 500; line-height: 1.3;}
h3 {font-size: 14px;}
h4 {font-weight: 700; margin-top: 10px; font-size: 24px;}
.col {width: 80%; margin: 5% 0 0 0; padding: 10% 10%;}
.link {font-size: 18px; font-weight: 800;}
.express {text-align: center;}
.links {text-align: center; font-size: 18px; margin: 0 3%;}
.block {padding: 14px 0; font-size: 20px;}