#tartalom{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#lapcim{
    background-color: aliceblue;
    font-size: 3vw;
    font-weight: 100;
    width: 60vw; 
    max-width: 500px;
    border-radius: 30px;
    border-color: black;
    border-width: 5px;
    border-style: solid;
    margin: 5vh auto 10vh auto;
    text-align: center;
    font-family: Cambria;
}

form{
    margin: auto;
    width: 70vw;
}

#adatok, #rovid_leiras, #szemelyes_ertekeles{
    background-color: white;
    margin: auto;
    padding: 1vw 2vw 2vw 2vw;
    width: 60vw;
    margin-bottom: 8vh;
    border-radius: 10px;
    border: 3px solid black;
    
}

#grid{
    margin: 1vh 2vh 1vh 2vh;
    width: 100%;
    display: grid;
    grid-template-columns: 40% 40%;
    column-gap: 10%;
    align-items:baseline ;
}

.text{
    width: 100%;
}

#igen, #nem, #magyar, #idegen{
    margin-left: 2vw;
}

#rovid_leiras textarea, #szemelyes_ertekeles textarea{
    width: 100%;
    height: 40vh;
}

#rovid_leiras label, #szemelyes_ertekeles label{
    font-family: 'Gill Sans MT';
    font-size: 1rem;
}

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

    #grid label, p{
        font-size: 1.2vh;
        font-weight: bold;
        margin-top: 2.5vh;
        margin-bottom: 0;
        font-family: 'Gill Sans MT';
    }

    .radio{
        font-size: 1vh !important;
        font-weight: normal !important;
        margin-top: 0 !important;
    }

    #adatok #checkbox_container label{
        font-size: 1.2vh;
        font-family: 'Gill Sans MT';
    }
}

@media only screen and (min-width: 1200px) {
    
    #grid label, p{
        font-weight: bold;
        font-size: 1.2vw;
        margin-top: 2.5vh;
        margin-bottom: 0;
        font-family: 'Gill Sans MT';
    }

    .radio{
        font-size: 1.1vw !important;
        font-weight: normal !important;
        margin-top: 0 !important;
    }
    #adatok #checkbox_container label{
        font-size: 1.1vw;
        font-family: 'Gill Sans MT';
    }
}

#adatok input{
    margin-left: 2vw;
}

#checkbox_container{
    margin-left: 2vh;
}

#email{
    width: 25vw;
}