@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
* {
    font-family: 'Lato', sans-serif;
}
/*============================================================================================================================= */
@media (min-width:320px) and (max-width: 374px) {
    input[type="checkbox"]:checked~nav {
        width: 100%;
    }
    input[type="checkbox"]:checked~.bemutatkozas {
        opacity: 0.2;
    }
    .bemutatkozas {
        width: 99%;
        height: 100vh;
        margin-left: 0%;
    }
    .belso_keret {
        /*border: 1px solid red;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        text-align: center;
    }
    h1 {
        font-size: 1.5em;
        font-weight: 400;
    }
    h2 {
        font-size: 1.0em;
        font-weight: 300;
    }
    h5 {
        text-align: justify;
        font-weight: 300;
        font-size: .9em;
    }
}

@media (min-width:375px) and (max-width:424px) {
    input[type="checkbox"]:checked~nav {
        width: 100%;
    }
    input[type="checkbox"]:checked~.bemutatkozas {
        opacity: 0.2;
    }
    .bemutatkozas {
        width: 99%;
        height: 100vh;
        margin-left: 0%;
    }
    .belso_keret {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        text-align: center;
    }
    h1 {
        font-size: 1.5em;
        font-weight: 400;
    }
    h2 {
        font-size: 1.2em;
        font-weight: 300;
    }
    h5 {
        text-align: justify;
        font-weight: 300;
        font-size: .9em;
    }
}

@media (min-width:425px) and (max-width:767px) {

    input[type="checkbox"]:checked~nav {
        width: 100%;
    }
    input[type="checkbox"]:checked~.bemutatkozas {
        opacity: 0.2;
        /*display: none;*/
        /*transform: translateX(-450px);
		transition: 2s;*/
    }
    .bemutatkozas {
        width: 99%;
        height: 100vh;
        margin-left: 0%;
    }
    .belso_keret {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        text-align: center;
    }
    h1 {
        font-size: 1.8em;
        font-weight: 300;
    }
    h2 {
        font-size: 1.4em;
        font-weight: 300;
    }
    h5 {
        text-align: justify;
        font-weight: 300;
        font-size: 1em;
    }
}

@media (min-width:768px) and (max-width: 1023px) {
    input[type="checkbox"]:checked~nav {
        width: 100%;
    }
    input[type="checkbox"]:checked~.bemutatkozas {
        opacity: 0.2;
    }
    .bemutatkozas {
        width: 99%;
        height: 100vh;
        margin-left: 0%;
    }
    .belso_keret {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        text-align: center;
    }
    h1 {
        font-size: 1.5em;
        font-weight: 300;
    }
    h2 {
        font-size: 1.0em;
        font-weight: 300;
    }
    h5 {
        text-align: justify;
        font-weight: 300;
        font-size: .9em;
    }
}

@media (min-width:1024px) and (max-width:1440px) {
    input[type="checkbox"]:checked~nav {
        width: 33%;
    }
    h1 {
        font-size: 1.5em;
        font-weight: 300;
    }
    h2 {
        font-size: 1.0em;
        font-weight: 300;
    }
    h5 {
        text-align: justify;
        font-weight: 300;
        font-size: .9em;
    }
}