@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

body {
    font-family: 'Red Hat Display', sans-serif;
    letter-spacing: 0 px;
        color: #273b4a;
}

.vcenter {
    display: flex;
    align-items: center;
}

.hcenter {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.posun {
    margin-top: -60px;
}

.posun2 {
    margin-top: -150px;
}

.posun3 {
    margin-left: -150px;
}


.about-image {
    max-width: 100%;     
    height: auto;           
    display: block;         
    margin: 0 auto;           
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}

.hero {
    background-image: url(../img/bg.webp);
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 600px; 
    display: flex;
    align-items: center;     
    justify-content: center; 
}

.hero-logo {
    height: 250px; 
    width: auto;
    filter: brightness(0) invert(1);
}

.nadpis-hero-xl {
    font-size: 3rem;
    font-weight: light;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3); 
}

.pole {
    padding-top: 60px;    
    padding-bottom: 40px; 
}

.footer2 {
    background: #0b0b0c;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
}