@keyframes fade{
    from {opacity: 0;}
    to {visibility:1;}
}
.question_containment{
    min-height: 100vh;
}
.question_container{
    width: 50%;
    margin: auto;
    margin-top: 10vh;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;

    margin-bottom: 5%;
    border-radius: 40px;
}
.question_box{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.question_text{
    color: #545455;
    font-size: 2vw;
    margin-bottom: 1vh;
}
.question_extra{
    color: #545455;
    font-size: 1vw;
    margin-bottom: 1vh;
}
.question_input{

}
.question-field{
    width: 80%;

}
.name-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 35%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.name-field-extra{
    display: block;
    float: left;

    margin-top: 15px;
    width: 40%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.email_input{

}
.email-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 50%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.firstname-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 40%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}

.c_field{
    margin-left: auto;
    margin-right: auto;
    height: 1%;
    width: 90%;
    max-width: 250px;
    margin-top: 10px;
    display: block;
}

.street-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 35%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.number-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 10%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.plz-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 15%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.city-field{
    display: block;
    float: left;
    margin-left: 1%;
    margin-top: 15px;
    width: 50%;
    height: 40px;
    text-align: center;
    font-family: "Consolas", "Menlo", "Courier", monospace;
}
.adress{
    margin-top: 50px;
}
@media only screen and (max-width: 800px) {
    .question_container{
        width: 90%;
        margin-top: 15vh;
    }
    .question_text{
        font-size: 4vw;
    }
    .question_extra{
        color: #545455;
        font-size: 3vw;
        margin-bottom: 1vh;
    }
    .submit-button{
        width: 90%;
        height: 40px;
    }
    .email-field{

        width: 50%;

    }
    .c_field{
        margin-left: auto;
        margin-right: auto;
        height: 40px;
        width: 90%;
        max-width: 250px;
        margin-top: 10px;
        display: block;
    }
}
@media only screen and (max-width: 550px) {
    .question_container{
        padding-top: 5vh;
        width: 95%;
        margin-top: 15vh;
    }
    .email-field{

        width: 70%;

    }
}