.footer {

    display: grid;
    justify-content: center;
    align-items: center;
    background-color: rgb(50, 50, 50);

}

::placeholder {

    font-family: D-DINExp;
    font-size: 15px;
    color: black;

}

.footerInput {

    margin-top: 140px;
    display: flex;

}

.footerInputOne {

    padding: 8px 280px 8px 20px;
    border-radius: 0px;
    border: white;

}

.footerInputTwo {

    font-family: D-DinCondensed-Bold;
    font-size: 20px;
    color: white;
    background-color: rgb(19, 203, 242);
    padding: 1px 10px 6px 10px;
    border: 1px solid rgb(19, 203, 242);
    cursor: pointer;

}

.firstFooterParagraph {

    text-align: center;
    font-family: D-Din;
    color: white;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;

}

.social {

    display: flex;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    column-gap: 30px;

}

.social i {

    color: white;

}

.secondFooterParagraph {

    text-align: center;
    font-family: D-Din;
    color: white;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;

}

.thirdFooterParagraph {

    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 110px;

}

.thirdFooterParagraph a {

    font-family: D-Din;
    color: white;

}

@media screen and (max-width: 630px) {

    .footerInputOne {

        padding: 8px 220px 8px 20px;
    
    }
    
}

@media screen and (max-width: 550px) {

    .footerInputOne {

        padding: 8px 160px 8px 20px;
    
    }
    
}

@media screen and (max-width: 490px) {

    .footerInputOne {

        padding: 8px 120px 8px 20px;
    
    }
    
}

@media screen and (max-width: 450px) {

    .footerInputOne {

        padding: 8px 80px 8px 20px;
    
    }
    
}


@media screen and (max-width: 400px) {

    .footerInput {

        margin-left: auto;
        margin-right: auto;

    }

    .footerInputOne {

        padding: 8px 40px 8px 20px;
    
    }

    .firstFooterParagraph {

        font-size: 15px;

    }

    .secondFooterParagraph {

        font-size: 15px;

    }

    .thirdFooterParagraph {

        font-size: 15px;

    }

    
}