body
{
    font-family: 'Roboto', sans-serif;
}
main
{
    background: url("images/krug.png") no-repeat;
    background-position: top right;
    line-height: 26px;
    margin-bottom: 40px;
}
main img
{
    padding-top: 50px;
    padding-bottom: 50px;
}

main h1{
    font-size: 56px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 70px;
    margin-bottom: 150px;
}
main h1 span
{
    font-weight: 900;
}
main h4{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 5px;
    margin-top: 0;
}
main h5{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 50px;
}
main h5 a{
    color: #333;
    border-bottom: 1px solid #5d4487;
}
main h5 a:hover{
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #333;
}
.soc{
    margin-top: 15px;
}
.soc a{
    width: 33px;
    height: 33px;
    margin-right: 5px;
    display: inline-block;
}

.address
{
    margin-top: 20px;
}
.address > div
{
    min-height: 104px;
    margin-bottom: 21px;
    padding-left: 38px;
}
.address > div:before
{
    content: '';
    background: url(images/geo.png);
    width: 17px;
    height: 24px;
    position: absolute;
    margin-left: -27px;
    margin-top: -6px;
}
a.mail, a.mail:hover
{
    color: #333;
}
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    main h1 {
        font-size: 35px;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 50px;
        margin-bottom: 60px;
    }
}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    main h1 {

        font-size: 30px;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 40px;
        margin-bottom: 50px;
    }
}