*, body {
    font-family: acumin-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    background: #91b859;
}

#main-container {
    text-align: center;
    overflow: hidden;
}

#sky {
    padding-top: 70px;
    background: rgb(111,215,253);
    background: linear-gradient(180deg, rgba(193,255,250,1) 0%, rgba(111,215,253,1) 100%);
}

@media screen and (max-width: 574px) {
    #sky {
        padding-top: 50px;
    }
}

#sky-col {
    padding-left: 30px;
    padding-right: 30px;
}

#footer {
    padding-top: 50px;
 }

 #footer.fixed {
    width: 100%;
    text-align: center;
    padding-top: 0;
    position: fixed;
    bottom: 20px;
 }

#gradient {
    position: absolute;
    height: 287px;
    width: 100%;
    background: url('../img/floor-gradient.png') repeat-x;
}

@media screen and (max-width: 574px) {
    #gradient {
        height: 200px;
        background-size: 1px 200px;
    }
}

h1 {
    margin-left: auto;
    margin-right: auto;
    color: transparent;
    text-indent: -10000px;
    display: block;
    width:290px;
    height:64px;
    background: url('../img/title@2x.png') no-repeat;
    background-size: 290px 64px;
    margin-bottom: 53px;
}

#drawing {
    position: absolute;
    left: 50%;
    background: url('../img/drawing@2x.png') no-repeat;
}

#footer {
    color: #3f6939;
}

#controls {
    margin-top: 70px;
    margin-bottom: 172px;
}

@media screen and (max-width: 574px) {
    #controls {
        margin-top: 40px;
        margin-bottom: 80px;
    }
}

#controls a {
    display: inline-block;
    height: 166px;
    color: black;
    width: 120px;
}

#controls a:hover, #controls a:active, #controls a:focus {
    text-decoration: none;
    font-weight: 600;
}

#find {
    background: url('../img/marker@2x.png') no-repeat;
    background-size: 43px 57px;
    background-position: 39px 0;
    padding-top: 72px;
    margin-right: 75px;
}

@media screen and (max-width: 574px) {
    #find {
        margin-right: 45px;
    }
}

#contact {
    background: url('../img/email@2x.png') no-repeat;
    background-size: 72px 47px;
    background-position: 24px 5px;
    padding-top: 72px;
}


/*@media screen and (max-width: 575px) {
    
}

@media screen and (min-width: 576px) {
    
}*/