@media screen and (min-width: 992px) {
    section#introduction-section{
        padding-top: 5.7262569832402vw;
        padding-bottom: 0.48882681564246vw;
    }

    section#contact-section .small-title{
        margin-bottom: 0.62849162011173vw;
    }

    section#form-section .paragraph{
        padding-top: 1.3966480446927vw;
        padding-bottom: 1.3966480446927vw;
        padding-left: 1.3966480446927vw;
        padding-right: 16.27094972067vw;
    }

    .awo-input{
        padding: 0.69832402234637vw 1.3966480446927vw;
        font-size: 1.0474860335196vw;
        line-height: 1.3966480446927vw;
    }

    #form-section p {
        width: 31vw;
    }

    #map { 
        height: 21.648044692737vw; 
        margin-top: 4.1201117318436vw;
    }

    .character-count{
        right: 1.3966480446927vw;
        top: 0.69832402234637vw;
    }

    .character-count,
    .character-count *{
        font-size: 0.69832402234637vw;
        line-height: 0.90782122905028vw;
    }

    .awo-textarea{
        height: 20.949720670391vw;
        font-size: 1.0474860335196vw;
        line-height: 1.3966480446927vw;
        padding: 0.69832402234637vw 1.3966480446927vw;
    }

    section#form-section .btn-awo-dark{
        right: 1.3966480446927vw;
        bottom: 1.3966480446927vw;
        width: 6.145251396648vw;
    }
    
    .error{
	    font-size: 0.69832402234637vw;
	    line-height: 0.90782122905028vw
    }

    
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    section#introduction-section{
        padding-top: 8.781558726674vw;
        padding-bottom: 1.0976948408342vw;
    }

    section#contact-section .border-end{
        border-right: none!important;
        border-bottom: solid 1px #939393;
    }

    section#contact-section #contact-section-tablet{
        padding: 6.8057080131723vw 0 4.390779363337vw 0;
    }

    section#form-section .paragraph{
        padding-top: 6.5861690450055vw;
        padding-bottom: 6.5861690450055vw;
        padding-left: 2.1953896816685vw;
        padding-right: 33.589462129528vw;
    }

    .awo-input{
        padding: 1.0976948408342vw 2.1953896816685vw;
        font-size: 1.6465422612514vw;
        line-height: 2.1953896816685vw;
    }

    .character-count{
        right: 2.1953896816685vw;
        top: 1.0976948408342vw;
    }

    .character-count,
    .character-count *{
        font-size: 	1.0976948408342vw;
        line-height: 1.4270032930845vw;
    }

    .awo-textarea{
        height: 32.930845225027vw;
        font-size: 1.6465422612514vw;
        line-height: 2.1953896816685vw;
        padding: 1.0976948408342vw 2.1953896816685vw;
    }

    #map{
        height: 43.468715697036vw;
        
    }

    section#form-section .border-end{
        border-right: none!important;
    }

    section#form-section .btn-awo-dark{
        right: 2.1953896816685vw;
        bottom: 2.1953896816685vw;
         width: 9.6597145993414vw;
    }

    #contact{
        border-top: solid 1px #939393;
    }
    

}


@media screen and (max-width: 575px) {
    section#introduction-section{
        padding-top: 13.333333333333vw;
        padding-bottom: 1.6vw;
    }

    section#contact-section{
        padding-top: 9.6vw;
    }

    section#contact-section .padding-20{
        padding-top: 0;
    }

    section#contact-section .border-end{
        border-right: none!important;
    }

    section#contact-section > .row > div{
        padding-left: 2.9333333333333vw;
        padding-right: 2.9333333333333vw;
        
    }

    section#form-section .paragraph{
        padding: 13.333333333333vw 	2.6666666666667vw;
    }


    section#contact-section .small-title{
        margin-bottom: 3.2vw;
    }

    section#form-section .border-end{
        border-right: none!important;
    }
    .awo-input{
        padding: 2.6666666666667vw;
        font-size: 3.7333333333333vw;
        line-height: 5.0666666666667vw;
    }
    .awo-textarea{
        height: 80vw;
        font-size: 3.7333333333333vw;
        line-height: 5.0666666666667vw;
        padding: 2.6666666666667vw;
    }

    .character-count{
        right: 2.6666666666667vw;
        top: 2.6666666666667vw;
    }

    .character-count,
    .character-count *{
        font-size: 2.4vw;
        line-height: 2.6666666666667vw;
    }
    
    section#form-section .btn-awo-dark{
        right: 2.6666666666667vw;
        bottom: 2.6666666666667vw;
        width: 20.8vw;
    }
    #form-section p{
        width: auto;
    }

    #map{
        height: 102.4vw;
        margin-top: 12.266666666667vw;
        margin-bottom: 13.333333333333vw;
    }

    #contact{
        border-top: solid 1px #939393;
    }
    
}

.btn-awo-dark{
    position: absolute;
}

:focus-visible {
    outline: none;
}

.awo-input{
    width: 100%;
    border: none;
    background-color: #FBFBFA;
    border-bottom: solid 1px #222222;;
}

.awo-textarea{
    resize: none;
    width: 100%;
    border: none;
    background-color: #FBFBFA;
}

.character-count{
    position: absolute;
    letter-spacing: 0.11em;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right{
    display: none;
}

#form-section p {
    letter-spacing: 0.01em;
}

.error{
	color: red;
}