/* =========================
   RESET
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background:#000;
    font-family:Arial, Helvetica, sans-serif;
}

/* =========================
   HERO
========================= */

.hero{
    width:100%;
    min-height:100dvh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
}

.hero img{
    display:block;
    width:100%;
    height:auto;
    max-height:100dvh;
    object-fit:contain;
    object-position:center;
}

/* =========================
   TABLET
========================= */

@media (max-width:1024px){

.hero{
    min-height:100dvh;
}

.hero img{
    width:100%;
    height:auto;
    max-height:100dvh;
    object-fit:contain;
}

}

/* =========================
   TELEFON
========================= */

@media (max-width:768px){

.hero{
    min-height:100dvh;
}

.hero img{
    width:100%;
    height:auto;
    max-height:100dvh;
    object-fit:contain;
}

}

/* =========================
   MALI TELEFONI
========================= */

@media (max-width:480px){

.hero img{
    width:100%;
    height:auto;
    max-height:100dvh;
    object-fit:contain;
}

}