/*
MOBILE 480px
TABLET 768px
PC 1024px
*/

/* MAIN #######################################################################################################*/
:root {
    --barva-cervena1: #dd0018;
    --barva-cervena2: #7b020f;
    
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 1;
    color: white;
    margin: 0;
    background: black;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    background-image: 
        linear-gradient(to right, black 0%, rgba(50, 50, 50, 0.4) 50%, black 100%),
        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 100% 100%, 40px 40px, 40px 40px; 
    background-attachment: fixed, scroll, scroll;
    scroll-behavior: smooth;
}

/* Nastavení pro všechny nadpisy */
h1, h2, h3 {
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 1px; /* Mírné rozestupy mezi písmeny mu hrozně sluší */
    margin: 0px;
}

.obal-foto {
    width: 100%;
    height: 60vh; /* 📱 Na mobilu zabere fotka 60 % výšky displeje */
    overflow: hidden; /* Všechno, co přečnívá při ořezu, se skryje */
    margin: 0;
}

/* 💻 PODMÍNKA PRO POČÍTAČE (Obrazovky od 769px) */
@media (min-width: 769px) {
    .obal-foto {
        height: 80vh; /* 💻 Na velkém monitoru může fotka zabírat klidně 80 % výšky obrazovky */
    }
}

/* 1. STYL PRO HERO OBRÁZEK (Zůstává zamčený v obalu 60vh/80vh) */
.hero_foto {
    width: 100%;    
    height: 100%; /* Vyplní celou výšku kontejneru .obal-foto */
    object-fit: cover; 
    object-position: center center; 
    display: block;
}

/* INTRODUCTION #######################################################################################################*/


.part_aboutus {
    background: black;
    height: 1000px;
    text-align: center;
}

.part_contacts {
    height: 300px;
    text-align: center;
}

* {
    box-sizing: border-box;
}