section{
    padding:0 10vw;
}

section h2 {
    font-size:1.5em;
    border-bottom:2px var(--accent-2) solid;
    display:inline-block;
    padding:10px 25px 10px 5px;
    margin-bottom:10px;
    text-align: left;
}

section p {
    margin-left:10px;
    margin-right:auto;
    text-align: left;
}

.faq{
    padding-top:20px;
    padding-bottom:20px;
    background: #f4f4f4;
}

.faq .dropdown{
    cursor:pointer;
    padding: 10px;
    overflow-y:hidden;
    background:#f4f4f4;
    border-radius:4px;
    transition:0.2s;
}

.faq .dropdown:hover{
    background:#d9d9d9;
}

.faq .dropdown:hover h3{
    background:#d9d9d9;
}

.toggle-dropdown i{
    transform: rotate(0deg);
    position:relative;
    top:-2px;
    transition:0.2s;
}

.toggle-dropdown.closed i{
    transform: rotate(180deg);
}

.text{
    margin:0 10px;
    transition:opacity 0.4s, max-height 0.2s;
    position:relative;
    max-height:300px;
    overflow-y: scroll;
    /* transform: translateY(0%); */
    z-index:1;
}

.text.closed{
    opacity:0;
    max-height:0px;
    /* transform: translateY(-100%); */
}

.toggle-dropdown{
    
}

.dropdown h3 {
    display: inline;
    z-index:9;
    background:#f4f4f4;
    position:relative;
    transition:0.2s;
}



#contact-form{
    width:50%;
    text-align: center;
    margin:auto;
    border-top:6px var(--accent-1) solid;
    -webkit-box-shadow: 0px 10px 27px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 27px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 27px -10px rgba(0,0,0,0.75);
    padding:20px;
    margin-bottom:40px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
}

#contact-form > *{
    font-family: var(--secondary-font);
}

#contact-form *::placeholder{
    font-family: var(--secondary-font);
    font-size:16px;
    vertical-align: middle;
    font-weight:450;
}

#contact-form div {
    margin-top:10px;
}

#contact-form label{
    font-weight: 600;
}

#contact-form input{
    height:30px;
    width:90%;
    border:#9e9e9e solid 1px;
}


#contact-form .full-width{
    width:95%;
    display:inline-block;
    text-align: left;
    /* margin-left:5%;
    margin-right: 5%; */
}

#contact-form .full-width * {
    width:100%;
}

#contact-form .half-width{
    width:45%;
    display:inline-block;
}

#contact-form .half-width * {
    width:100%;
    display:block;
    text-align: left;
}

input[type="submit"]{
    border:0 !important;
    height:50px !important;
    margin-top:10px;
    margin-bottom:20px;
    margin-left:0;
    font-family: var(--secondary-font);
    font-weight:500;
    font-size:18px;
    display: inline;
    /* width:120px!important; */
}

@media (max-width:730px){

    #contact{
        padding:0;
    }

    #contact h2{
        margin-left:10px;
    }

    #contact-form{
        width:80vw;
        margin:auto 4vw;
    }
    #contact-form .half-width{
        width:95%;
        display:inline-block;
    }
}



@media (max-width:340px){
    #contact{
        padding:0 2px;
    }

    #contact-form{
        width:90vw;
        margin:auto 0;
        padding:5px 10px 5px 5px;
        margin-bottom: 50px;
    }
}