body {
    font-family: focoregular,Tahoma,Arial,serif;
    font-weight: 500;
    font-size: 36px;
    color:#141414

}
a { text-decoration: none; color: #000 }
.container {
    max-width: 1400px;
    margin: auto;
    margin-top: 80px;
}
.section {
    width: 60%;
    margin: auto;
    margin-bottom: 150px;
    max-width: 100%;
}
.header {
    width: 700px;
    margin-left: auto;
}
.header p { line-height: 1.5; }
.header img { vertical-align: bottom; }
.content { text-align: center; float: left;  width: 50%;}
.content img { }
.content a { font-size: 16px }
.content span { color: #000; font-weight: 700 }
.header span {color: #e75929; }

@media only screen and (max-width: 1600px)  {

    .container { max-width: 1000px }

}
@media only screen and (max-width: 1024px)  {
    body { font-size: 28px }
    .container { padding: 0 20px; margin-top: 40px }
    .content img { width: 300px;}
    .header { width: 500px }

}

@media only screen and (max-width: 768px)  {
    .content { width: 100%; margin-bottom: 100px; float: none }
    .header p { text-align: center }
}
@media only screen and (max-width: 568px)  {
     body { font-size: 24px }
    .container { max-width: 100% }
    .section { width: 100% }
    .header img { max-width: 125px }
    .header p { line-height: 1.4 }
    .content img { width: 250px;}

}
@media only screen and (max-width: 414px)  {
    .container { margin-top: 20px }
    body { font-size: 22px }
    .header { margin-bottom: 75px }
    .content { margin-bottom: 50px }
    .content img { width: 210px }
}