img{
height: 300px;
width: 100%;
object-fit: cover;
}

#section1 form {
    border-top: solid 1px var(--orange);
    padding: 15px 0px;
    width: 90vw;
    max-width: 500px;

}

#section1 form img{
height: 20px;
width: 20px;
}

#section1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 2px solid var(--orange);
}

#section1 article div{
    padding: 10px 0px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#section1 article{
    width: 100%;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

#section1 label{
    align-items: center;
    display: flex;
    justify-content: space-between;
}


#section2{
    padding: 40px 10px;
    border-bottom: 1px solid var(--orange);
}

#section2 h2{
    padding-bottom: 20px ;
}

#section3{
    padding: 40px 10px;
    border-bottom: 1px solid var(--orange);
    display: flex;
    flex-direction: column;
    align-items: center;
}

#section3 h2{
    padding-bottom: 20px ;
}

iframe{
    max-width: 960px;
    width: 100%;
}

#section4 {
    max-width: 960px;
    width: 100%;
    padding: 40px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}

h3{
    font-size: 18px;
    padding-top: 15px;;
}

#section4 form input[type="text"],#section4 input[type="email"], #section4 textarea{
    padding: 8px;
    border: solid 1px var(--orange);
    width: 100%;
    margin: 8px 0px;
    resize: none;
}

#section4 #consent{
    opacity: 100;
    margin: 20px 0px;
}

#section4 .CTA{
    margin: 15px 0px;

    align-self: center;
}

#section4 form{
    display: flex;
    flex-direction: column;
}

#section4 p {
    display: flex;
    margin: 10px 0px;
}

#section4 p i{
    color: var(--orange);
    margin-right: 5px;
}
#section4 div{
    display: flex;
    justify-content: space-around   ;
}

#section4 div i{
    font-size: 20px;
}




@media screen  and (min-width: 720px){
    h2,h3 {
        justify-self: center;
        align-self: center;
    }

    #section4 span{
        display: flex;
        justify-content: space-around;
    }

    #section1 article div {
        flex-direction: row;
        justify-content: space-between;
        padding:  15px;
    }

    #section1 form{
        border: none;
    }
    #section1 article{
        gap: 0px;
    }
}

@media screen  and (min-width: 1025px){
    main{
        max-width: 960px;
        margin: auto;
    }
}