@font-face {
    font-family: 'berkshireswash-regular';
    src: url('../fonts/berkshireswash-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'gabriola';
    src: url('../fonts/gabriola.ttf') format('truetype');
}


@media (min-width:1200px) {


    body {
        background-color: #dfcfbb;
    }

    .Wstep_na_strone {
        font-family: 'berkshireswash-regular';
        font-size: 40px;
        color: #B58556;
    }

    .Tytul_Ania {
        font-size: 50px;
        font-family: 'berkshireswash-regular';
        color: #B58556;
    }

    .kim_jestem {
        font-size: 48px;
        color: #B58556;
        font-family: 'gabriola';
        font-weight: 600;
    }

    .OM_zmiana {
        font-size: 40px;
        color: black;
        font-family: 'gabriola';
        font-weight: 600;
    }

    .OM_punkty {
        font-size: 20px;
        font-family: Arial;
        text-align: left;
    }

    .OM_wyrożniony {
        font-size: 35px;
        font-family: 'gabriola';
        font-weight: 600;
        text-align: justify;
    }

    .OM_tytul_omnie {
        font-family: 'berkshireswash-regular';
        float: left;
        font-size: 30px;
        color: #B58556;
        text-align: justify;
    }

    .OM_tekst_wyrozniony {
        font-size: 18px;
        font-family: Arial;
        text-align: justify;
    }

    .OM_wyrozniony_braz {
        font-size: 35px;
        font-family: 'gabriola';
        text-align: justify;
        color: #B58556;
        font-weight: 600;
    }

    .OM_tytul-sekcja {
        font-family: 'berkshireswash-regular';
        font-size: 35px;
        color: #B58556;
    }

    .OM_tekst-sekcja {
        font-size: 18px;
        color: black;
        text-align: justify;
    }

    .OM_margin_160 {
        margin-top: 160px;
    }

    .OM_margin_80 {
        margin-top: 80px;
    }

    .OM_section_bacground {
        background-color: #ffd800;
        margin-left: calc(-50vw + 50%);
        width: 100vw;
    }
    .OM_sekcja_wyrozniony {
        font-size: 20px;
        font-weight: 600;
        font-family:Arial;
    }

    
}
/*===TELEFON===*/
@media (max-width:768px) {
    .Wstep_na_strone {
        font-family: 'berkshireswash-regular';
        font-size: 20px;
        color: #B58556;
    }

    .Tytul_Ania {
        font-size: 30px;
        font-family: 'berkshireswash-regular';
        color: #B58556;
        text-align: center;
        margin-top:20px;
    }

    .kim_jestem {
        font-size: 21px;
        color: #B58556;
        font-family: 'gabriola';
        font-weight: 600;
        text-align:center;
        
        
    }

    .OM_tekst_wyrozniony {
        font-size: 16px;
        font-family: Arial;
        text-align: left;
    }

    .OM_tytul-sekcja {
        font-family: 'berkshireswash-regular';
        font-size: 21px;
        color: #B58556;
        margin-top:20px;
    }

    .OM_tekst-sekcja {
        font-size: 16px;
        color: black;
        text-align: justify;
    }

    .OM_zmiana {
        font-size: 21px;
        color: black;
        font-family: 'gabriola';
        font-weight: 600;
    }

    .OM_wyrożniony {
        font-size: 18px;
        font-family: 'gabriola';
        font-weight: 600;
        text-align: justify;
    }

    .OM_tekst_punkty {
        font-size: 16px;
        font-family: Arial;
        text-align: justify;
    }

    .OM_wyrozniony_braz {
        font-size: 25px;
        font-family: 'gabriola';
        text-align: justify;
        color: #B58556;
        font-weight: 600;
    }
    .OM_sekcja_wyrozniony{
        font-size:16px;
        font-weight:550;
        font-family:Arial;
        
    }
   
}

/*===TABLET===*/

@media (min-width:768px) and (max-width:1199px) {
    .Wstep_na_strone {
        font-family: 'berkshireswash-regular';
        font-size: 40px;
        color: #B58556;
    }

    .Tytul_Ania {
        font-size: 30px;
        font-family: 'berkshireswash-regular';
        color: #B58556;
        text-align: left;
    }

    .kim_jestem {
        font-size: 18px;
        color: #B58556;
        font-family: Arial;
        font-weight: 500;
        text-align: justify;
    }

    .OM_tekst_wyrozniony {
        font-size: 18px;
        font-family: Arial;
        text-align: left;
    }

    .OM_tytul-sekcja {
        font-family: 'berkshireswash-regular';
        font-size: 30px;
        color: #B58556;
    }

    .OM_tekst-sekcja {
        font-size: 16px;
        color: black;
        text-align: justify;
    }

    .OM_zmiana {
        font-size: 30px;
        color: black;
        font-family: 'gabriola';
        font-weight: 600;
    }

    .OM_wyrożniony {
        font-size: 18px;
        font-family: 'gabriola';
        font-weight: 600;
        text-align: justify;
    }

    .OM_tekst_punkty {
        font-size: 16px;
        font-family: Arial;
        text-align: justify;
    }

    .OM_wyrozniony_braz {
        font-size: 25px;
        font-family: 'gabriola';
        text-align: justify;
        color: #B58556;
        font-weight: 600;
    }

    .OM_sekcja_wyrozniony {
        font-size: 16px;
        font-weight: 550;
        font-family:Arial;
    }

    @font-face {
        font-family: 'berkshireswash-regular';
        src: url('../fonts/berkshireswash-regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'gabriola';
        src: url('../fonts/gabriola.ttf') format('truetype');
    }
}