.roboto-slab {
    font-family: "Roboto Slab";
    font-optical-sizing: auto;
    font-weight: lighter;
    font-style: normal;
    font-display: swap;
  }
body {
    background-color: #131416;
    color: #c7b7a7;
    font-family: "Roboto Slab", Verdana, Tahoma, sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100vh;
}
.orange {
    color: #ff8800;
}
.white {
    color: white;
}
#title {
    font-size: 37px;
    margin-top: 20px;
}
.bold {
    font-weight: bold;
}
/* CENTER */
main {
    max-width: 1024px;
    margin: 0 auto;
}
.hero-bg {
    width: 100%;
    height: auto;
}
.img-wrap {
    height: 100vh;
    max-width: 1024px;
    position: absolute;
    z-index: -1;
    left:auto;
    right:auto;
    top: -5px;
    overflow: hidden; /* Hide overflow */
}
#content {
    text-align: center;
    margin-top: 23%;
    font-size: 15px;/*2vh;*/
    padding: 50px;
}
.popis {
    font-weight: 530;
}
h2 {
    padding-top: 1vw;
}
@media (max-width:1250px) {
    /* TEXT */ 

    #content {
        text-align: center;
        margin-top: 35%;
        font-size: 1.5vw;
        padding: 50px;
    }

    #title {
        font-size: 5vw;
        margin-top: 8%;
    }

    /* CENTER */

    .hero-bg {
        width: 100%;
        height: auto;
    }

    .img-wrap {
        height: 100vh;
        position: absolute;
        z-index: -1;
        top: -5px;
    }
}
@media (max-width:700px) {  
    .img-wrap {
        height: 100vh;
        width: 99vw;
        position: absolute;
        z-index: -1;
        left:0;
        top: -5%;
        overflow: hidden;  
    }
}
@media (max-width:500px) {  
    .img-wrap {
        height: 100vh;
        width: 99vw;
        position: absolute;
        z-index: -1;
        left:0;
        top: 0;
        overflow: hidden;  
    }

    #content {
        text-align: center;
        margin-top: 28%;
        font-size: 2.5vw;
        padding: 50px;
    }

    #title {
        font-size: 7vw;
        margin-top: 1.75vh;
    }
}
/* @media (min-width: 1921px ) {
    TEXT 
    #title {
        font-size: 90px;
    }

    #content {
        font-size: 30px;  2.75vh
    

     IMAGES 
    
    .img-wrap {
        position: absolute;
        z-index: -1;
        top: 0vh;
    }
} */