@media(min-width:1300px){
    .form-section{
        padding-top:5rem;
    } 
    .input-headline{
        font-size:3rem;
        padding:35px;
        border-radius:30px;
    }
    .cta{
        width:80%;
        height: auto;

    }
    .form-input{
        padding-bottom:3rem;
    }
    .icon-input svg{
        width:30px;
        height:30px;
    }
    .btn-input{
        font-size: 1.6rem;
        padding:1.3rem;
        bottom:-2rem;
    }
    .name-input label,
    .comment-input label,
    .email-input label{
        font-size:1.8rem;
    }
    #fname, #email, #comments{
        font-size:1.3rem;
        width:15rem;
        height:2.5rem;
    }
    #comments{
        width:30rem;
        height:8rem;
    }
    .form-img{
        width:400px;
        height:auto;
    }
}
@media(min-width:1440px){
        #fname, #email, #comments{
        font-size:1.4rem;
        width:16rem;
        height:2.75rem;
    }
    .icon-input svg{
        width:35px;
        height:35px;
    }
    .btn-input{
        font-size: 1.6rem;
        padding:1.5rem;
        bottom:-2rem;
    }
        #comments{
        width:36rem;
        height:10rem;
    }
    .form-img{
        width:450px;
    }
}
@media(min-width:1520px){
    .input-headline{
        margin-top:8rem;
        font-size:3.3rem;
        padding:35px;
        border-radius:30px;
    }
}
@media(min-width:1620px){
        #fname, #email, #comments {
        font-size: 1.8rem;
        width: 18rem;
        height: 3rem;
    }
    #comments {
        width: 40rem;
        height: 11rem;
    }
    .btn-input {
        font-size: 1.7rem;
        padding: 1.7rem;
        bottom: -2.3rem;
    }
    .form-img{
        width:500px;
    }
        .form-section{
        padding-top:6rem;
    } 
}
@media(min-width:1700px){
        .input-headline{
        margin-top:8.5rem;
        font-size:3.8rem;
        padding:35px;
        border-radius:30px;
    }
        .cta{
            margin-top:5rem;
        width:85%;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 2rem;
    }
    #fname, #email, #comments {
        font-size: 2rem;
        width: 22rem;
        height: 3.5rem;
    }
    #comments{
        width:50rem;
        height:13rem;
    }
    .btn-input{
        font-size:1.85rem;
    }
        .form-section{
        padding-top:7rem;
    } 
}
@media(min-width:1920px){
    .input-headline{
        margin-top:9rem;
        font-size:4rem;
        padding:35px;
        border-radius:30px;
    }
        .cta{
        margin-top:7rem;
        width:85%;
    }
        .form-section{
        padding-top:10rem;
    } 
}
@media(max-width:1200px){
     .cta{
        width:80%;
    }
    input{
        width:auto;
    }
    .input-headline{
        margin-top:8rem;
        font-size:2.2rem;
        padding:25px;
        border-radius:20px;
    }
}
@media(max-width:1115px){
        .form-img{
        width:320px;
        height:auto;
    }
    input{
        width:auto;
    }
    .btn-input{
        font-size: 1rem;
        padding:1rem;
        bottom:-2rem;
    }
}
@media(max-width:1050px){
        .input-headline{
        margin-top:8rem;
        font-size:2rem;
        padding:25px;
        border-radius:20px;
    }
    .name-input label,
    .comment-input label,
    .email-input label{
        font-size:1.2rem;
    }
    #fname, #email, #comments{
        width:10rem;
    }
    #comments{
        width:25rem;
    }
    .form-img{
        width:300px;
        height:auto;
    }
}
@media(max-width:1010px){
        .form-img {
        width: 280px;
        height: auto;
    }
   #fname, #email, #comments {
       font-size:14px;
    }
    #comments{
        width:22rem;
    }
}
@media(max-width:985px){
        .form-input{
        padding: 1rem 1rem;
    }
    .form-img {
        width: 260px;
        height: auto;
        align-self:end;
    }
 #comments{
        width:21rem;
        height:7rem;
    }
   #fname, #email, #comments {
       font-size:12px;
    }
    .btn-input{
        font-size:15px;
        bottom:-2.5rem;
    }
}
@media(max-width:958px){
    .name-input label, .comment-input label, .email-input label {
        font-size: 1rem;
    }
}
@media(max-width:915px){
    .input-headline{
        margin-top:8rem;
        font-size:1.7rem;
        padding:25px;
        border-radius:20px;
    }
     .form-img{
        width:210px;
    }
    #fname, #email, #comments {
        width:8rem;
        height:1.6rem;
        font-size: 11px;
    }
    .icon-input svg{
        width:17px;
        height:17px;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 0.85rem;
    }
    #comments {
        width: 18rem;
        height: 5rem;
    }
    .btn-input {
        font-size: 12px;
        bottom: -2.3rem;
        left:44%;
    }
}
@media(max-width:768px){
        .input-headline{
        margin-top:7rem;
        font-size:1.5rem;
        padding:20px;
        border-radius:20px;
    }
    .form-img {
        width: 190px;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 0.85rem;
    }
    .icon-input svg {
        width: 13px;
        height: 13px;
    }
    #fname, #email, #comments {
        width: 7rem;
        height: 1.2rem;
        font-size: 9px;
    }
    label{
        margin-bottom:0;
    }
    #comments{
        width:14rem;
        height:3.5rem;
    }
    .btn-input {
        font-size: 10px;
        padding:10px;
        bottom: -2.3rem;
        left: 45%;
    }
    .form-section{
        padding-bottom:2rem;
    }
}
@media(max-width:696px){
        .input-headline{
        margin-top:7rem;
        font-size:1.2rem;
        padding:20px;
        border-radius:20px;
    }
     .cta{
        width:90%;
        display:flex;
        flex-direction: column;
    }
    .form-input{
        padding-top:10px;
    }
    .form-img{
        width:200px;
        align-self:center;
        padding-top:20px;
    }
    .icon-input svg {
        width: 18px;
        height: 18px;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 0.9rem;
    }
    #fname, #email, #comments {
        width: 11rem;
        height: 1.6rem;
        font-size: 12px;
    }
    #comments {
        width: 23rem;
        height: 5rem;
    }
    .btn-input {
        font-size: 13px;
        padding: 10px;
        bottom: -2.5rem;
        left: 48%;
    }
}
@media(max-width:562px){
            .input-headline{
        margin-top:6rem;
        font-size:1.2rem;
        letter-spacing: 0.1px;
        padding:15px;
        border-radius:16px;
    }
    #fname, #email, #comments {
        width: 8rem;
        height: 1.4rem;
        font-size: 11px;
    }
    #comments{
        width:18rem;
        height: 5rem;
    }
}
@media(max-width:500px){
    .form-img{
        width:150px;
    }
    .icon-input svg {
        width: 16px;
        height: 16px;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 0.8rem;
    }
    #fname, #email, #comments {
        width: 7rem;
        height: 1.3rem;
        font-size: 10px;
    }
    #comments{
        width:15rem;
        height: 4rem;
    }
}
@media(max-width:450px){
}
@media(max-width:425px){
        .input-headline{
        margin-top:5rem;
        font-size:1rem;
        letter-spacing: 0.1px;
        padding:12px;
        border-radius:16px;
    }
     .icon-fix{
        gap:0.1rem;
    }
    .name-input label, .comment-input label, .email-input label {
        font-size: 0.7rem;
    }
    #fname, #email, #comments {
        width: 5.5rem;
        height: 1rem;
        font-size: 9px;
    }
    #comments{
        width:11.8rem;
        height: 3rem;
    }
    .btn-input{
     font-size:11px;   
    }
}
@media(max-width:375px){
    .input-headline{
        margin-top:4rem;
    }
     .cta{
        width:100%;
        padding-left:0.5rem;
    }
    .form-img {
        width: 120px;
    }
}
@media(max-width:350px){
     .name-input label, .comment-input label, .email-input label {
        font-size: 0.65rem;
        margin-top:3px;
    }
    .icon-fix{
        gap:0.1rem;
    }
    #fname, #email, #comments {
        width: 5rem;
        height: 1rem;
        font-size: 9px;
    }
    #comments{
        width:11rem;
        height: 3rem;
    }
    .input-headline{
    font-size:1rem;
    padding:10px;
}
}
@media(max-width:320px){
     .name-input label, .comment-input label, .email-input label {
        font-size: 0.55rem;
        margin-top:3px;
    }
    .icon-input svg {
        width: 12px;
        height: 12px;
    }
}