#contact{
    top: 0;
    position: relative;
    color: #000;
    height: 100%;
    width: 90vw;
    max-width: 1266px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

h2{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: min(7vw, 88px);
    color: #007749;
    font-size: min(3vw, 36px);
}

#contactText{
    width: 45vw;
    max-width: 570px;
}

#contactForm{
    display: flex;
    flex-direction: column;
    width: 45vw;
    max-width: 570px;
}


#contactForm label{
    font-size: min(2vw, 24px);
}

#contactForm input{
    padding: min(1.8vw, 15px) min(1vw, 10px);
    font-size: min(1.5vw, 18px);
    margin: min(1.8vw, 15px) 0;
}

#contactForm textarea{
    padding: min(1.8vw, 15px) min(1vw, 10px);
    height: 10vw;
    resize: none;
    font-size: min(1.5vw, 18px);
}

#sendBtn{
    position: relative;
    background: #007749;
    color: #fff;
    display: inline-block;
    font-size: min(2vw, 24px);
    font-weight: bold;
    padding: min(1.8vw, 15px);
    margin: min(1.8vw, 15px) 0 min(18vw, 150px) 0;
    cursor: pointer;
}

#sendBtn:hover{
    background: #333333;
}

#farmWrapper{
    position: absolute;
    width: 40vw;
    max-width: 560px;
    bottom: min(25vw, 350px);
    right: 0px;
}

#farm{
    position: relative;
    width: 100%;
}

#signWrapper{
    position: absolute;
    left: 30%;
    top: 29%;
}

#letterWWrapper,
#letterDWrapper,
#letterSWrapper{
    width: 100%;
    height: 100%;
}

#lightWrapper1{top: 0%; left: 1%;}
#lightWrapper2{top: 14%; left: 1.7%;}
#lightWrapper3{top: 27%; left: 2.6%;}
#lightWrapper4{top: 39%; left: 3.5%;}
#lightWrapper5{top: 51%; left: 4.3%;}
#lightWrapper6{top: 64%; left: 4.5%;}
#lightWrapper7{top: 64%; left: 6.8%;}
#lightWrapper8{top: 51%; left: 7%;}
#lightWrapper9{top: 39%; left: 8%;}
#lightWrapper10{top: 27%; left: 8%;}
#lightWrapper11{top: 14%; left: 9.4%;}
#lightWrapper12{top: 0%; left: 9.4%;}
#lightWrapper13{top: 27%; left: 10.4%;}
#lightWrapper14{top: 39%; left: 10.4%;}
#lightWrapper15{top: 50%; left: 11.5%;}
#lightWrapper16{top: 64%; left: 11.7%;}
#lightWrapper17{top: 64%; left: 14%;}
#lightWrapper18{top: 50%; left: 14.4%;}
#lightWrapper19{top: 39%; left: 15%;}
#lightWrapper20{top: 27%; left: 15.8%;}
#lightWrapper21{top: 14%; left: 16.8%;}
#lightWrapper22{top: 0%; left: 17.5%;}

#lightWrapper23{top: 19%; left: 29%;}
#lightWrapper24{top: 9%; left: 28.7%;}
#lightWrapper25{top: 0%; left: 27.1%;}
#lightWrapper26{top: -2%; left: 24.8%;}
#lightWrapper27{top: 1%; left: 22.5%;}
#lightWrapper28{top: 11%; left: 21.5%;}
#lightWrapper29{top: 21%; left: 21.7%;}
#lightWrapper30{top: 30%; left: 23.4%;}
#lightWrapper31{top: 34%; left: 26%;}
#lightWrapper32{top: 38%; left: 28.2%;}
#lightWrapper33{top: 50%; left: 28.7%;}
#lightWrapper34{top: 61%; left: 28.4%;}
#lightWrapper35{top: 67%; left: 26.2%;}
#lightWrapper36{top: 66%; left: 23.6%;}
#lightWrapper37{top: 59%; left: 21.7%;}
#lightWrapper38{top: 50%; left: 21%;}
#lightWrapper39{top: 42%; left: 21%;}

#lightWrapper40{top: 0%; left: 32.6%;}
#lightWrapper41{top: 0%; left: 35.5%;}
#lightWrapper42{top: 0%; left: 38.5%;}
#lightWrapper43{top: 8%; left: 40.6%;}
#lightWrapper44{top: 20%; left: 41.8%;}
#lightWrapper45{top: 33%; left: 42%;}
#lightWrapper46{top: 46%; left: 41.8%;}
#lightWrapper47{top: 59%; left: 40.4%;}
#lightWrapper48{top: 66%; left: 37.9%;}
#lightWrapper49{top: 66%; left: 35%;}
#lightWrapper50{top: 66%; left: 32.3%;}
#lightWrapper51{top: 53%; left: 33.8%;}
#lightWrapper52{top: 40%; left: 33.8%;}
#lightWrapper53{top: 26%; left: 33.8%;}
#lightWrapper54{top: 12%; left: 33.8%;}

#lightWrapper55{top: 0%; left: 46.5%;}
#lightWrapper56{top: 13%; left: 46.5%;}
#lightWrapper57{top: 26%; left: 46.5%;}
#lightWrapper58{top: 39%; left: 46.5%;}
#lightWrapper59{top: 51%; left: 46.5%;}
#lightWrapper60{top: 64%; left: 46.5%;}
#lightWrapper61{top: 44%; left: 48.8%;}
#lightWrapper62{top: 33%; left: 50.4%;}
#lightWrapper63{top: 21%; left: 51.8%;}
#lightWrapper64{top: 10%; left: 53.2%;}
#lightWrapper65{top: 0%; left: 54.5%;}
#lightWrapper66{top: 44%; left: 52.6%;}
#lightWrapper67{top: 55%; left: 53.7%;}
#lightWrapper68{top: 64%; left: 54.7%;}

.lightWrapper{
    position: absolute;
    width: 5%;
}

.lightOn,
.lightOff{
    position: absolute;
    width: 100%;
}

#sign{
    position: relative;
    width: 60%;
}

@media (max-width:480px)  { 
    h2{
        font-size: 7vw;
    }

    #contactText{
        width: 100%;
    }

    #contactForm{
        width: 90vw;
    }

    #contactForm label,
    #contactForm input,
    #contactForm textarea{
        font-size: 4vw;
    }

    #sendBtn{
        font-size: 4.6vw;
        padding: 4vw;
        margin: 4vw 0vw 15vw 0vw;
    }

    #farmWrapper{
        position: relative;
        width: 80vw;
        right: -5vw;
        bottom: 0px;
        margin-bottom: 7vw;
    }
}