@font-face {
    font-family: 'Din';
    src:url('../../so-quiet/img/DIN.ttf')  format('truetype')
}
@font-face {
    font-family: 'Din';
    font-weight: 700;
    src:url('../../so-quiet/img/DIN-Bold.ttf')  format('truetype');
}
*{font-family: 'Din';}
.lg{padding: 50px 50px 0px 50px;background-color: #e7f1f0;}
.bw{padding: 50px;background-color: #fff;}
img{max-width: 100%;}
input[type="text"]{background-color: transparent;border: 1px solid black;width: 100%;padding: 5px 10px;margin-top: 10px;}
input[type="text"]::placeholder{color: black;}
input[type="text"]:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #e7f1f0 inset;
    -webkit-text-fill-color: black !important;
}
textarea{background-color: transparent;color: black;border: 1px solid black;width: 100%;padding: 5px 10px;margin-top: 10px;}
textarea::placeholder{color: black;}
.button-submit{background-color: #67bab0;padding: 5px;border-radius: 100px;border: 0;color: white;width: 100%;font-weight: bold;}
.button-submit:hover{color:white;}
.button-submit-2{background-color: transparent;padding: 5px;border-radius: 100px;border: 2px solid #67bab0;color: black;width: 100%;font-weight: bold;}
.button-submit-2:hover{color:black;}
.header{font-weight: bold;text-transform: uppercase;}
@media (min-width: 768px){
    .header{font-size: 3.5rem;}
}
@media (max-width: 767px){
    .header{font-size: 2.5rem;}
}
#footer{background-color: #ffffff;color: #303030;padding: 15px 30px;justify-content: space-between;}
#footer > div {display: flex;justify-content: center;}
#footer > div > div > a{color: #303030;}
@media(min-width: 576px){
    #footer {display: flex;}
}
.error{border-color: #ff0000 !important;}