/* @font-face {
    font-family: 'Poppins';
  
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }       */
  
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
  
  
  
  @font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Poppins';
  
    src: url('fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }      

  body{
    font-family: 'Poppins', 'sans-serif' !important;
    padding:0px;margin:0px;
    background-color: #fcfcfc;
  }
  

  #main{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 9rem);
        /* background-color: pink;  */
        padding-top: 1rem;
        padding-bottom: 40px;
        position: relative;
}
@media screen and (max-width:986px) {
    #main{
        min-height: calc(100vh - 10rem) !important;
 
    }
}
#content{
   max-width:1376px;
   width:90%;
   text-align: center;
    color: #1C2434;
}

h1, p{
    color: #1c2434;
}



footer {
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 20px; */
    background-color: #f1f1f1; /* Můžeš přizpůsobit podle svého designu */
}

.logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px; /* Prostor mezi logy */
    width:80%;
}

.flogo {
    flex: 1 1 150px; /* První hodnota je grow, druhá shrink a třetí základní velikost */
    max-width: 150px; /* Maximální šířka loga, můžeš přizpůsobit podle potřeby */
    margin: 5px; /* Marže kolem loga */
    display: flex;
    justify-content: center;
    align-items: center;
}

.flogo.eu{
    flex: 1 1 175px; /* První hodnota je grow, druhá shrink a třetí základní velikost */
    max-width: 175px; /* Maximální šířka loga, můžeš přizpůsobit podle potřeby */
    margin: 5px; /* Marže kolem loga */
    display: flex;
    justify-content: center;
    align-items: center;
}

.flogo.eu img{
    width: 100%;
}

.flogo img {
    max-width: 100%;
    height: auto; /* Zajistí, že obraz zůstane v rámci loga */
}

footer{background-color:#FCFCFC;
    /* min-height: 5.5vw; */
border-top:solid #f6f6f6 .18rem; 
 padding-top:1rem;
padding-bottom:1rem; 
/* background-image: url('img/footer.svg'); */
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;

}

.redbutton{
    background: #ae4652;
    padding:1rem 1rem 1rem 1rem;
    color: #ffffff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    background-blend-mode: normal;
    box-shadow: 2px 2px 8px rgba(108,115,127,0.2) !important;
    border-radius:.6rem;
    border:none;
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer; /* Přidá kurzor jako u odkazu */
}

.redbutton::after {
    content: "";
    background: url('img/chevrons.svg') no-repeat;
    background-size: contain;
    width: .9rem;
    height: .9rem;
    margin-left: 0.5rem;
}

.whitebutton{
    background: #ffffff;
    padding:0.69rem;
    color: rgba(28, 36, 52, 1);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    background-blend-mode: normal;
    box-shadow: 2px 2px 8px rgba(108,115,127,0.2) !important;
    border-radius:.6rem;
    border: rgba(28, 36, 52, 1) .06rem solid;
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer; /* Přidá kurzor jako u odkazu */
}

.whitebutton::before {
    content: "";
    background: url('img/eye.svg') no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
}

#logo, .redbutton{
    margin-bottom: 56px !important;
} 

@media screen and (min-width:992px) {


    #main{
        display: flex;
        align-items: center;
        justify-content: center;
        /* min-height: calc(100vh - 6.6vw); */
        /* min-height: calc(100vh - 4.5rem); */
            /* background-color: pink;  */
            padding-top: 1rem;
    
            position: relative;
    }


        p{
            text-align: center;

        }
        
        #logo{
            max-width:22.1875rem; 
            text-align: center;
            margin:0 auto;
            position: relative;
            }
        h1 {
            color: #1c2434;
            /* font-family: Poppins; */
            font-size: 26px;
            font-weight: 700;
            line-height: 32px;
            text-align: center;
        }
        
}
@media screen and (max-width:991px) {
    .redbutton{
        font-size: 12px !important;
        /* font-weight: 400 !important; */
        max-width: 185px;
        padding-right:1.5rem;
        padding-top:8px !important;padding-bottom:8px !important;

    }
    
    .redbutton::after {

        width: 1rem;
        height: 1rem;
        margin-left: 0.5rem;
    }

    .whitebutton{
        font-size: 12px !important;
        /* font-weight: 400 !important; */
        max-width: 252px;
        padding-right:1.5rem;
        padding-top:8px !important;padding-bottom:8px !important;

    }
    
    .whitebutton::before {

        width: 1.5rem;
        height: 1.5rem;
    }

    
}
@media screen and (max-width:510px) {
 
    #main{
     
        /* min-height: calc(100vh - 9vw) !important; */

    }
    footer{
        /* min-height: 8.1vw !important; */
        background-size: 100% auto !important;

    
    }

}
@media screen and (max-width:991.9px) {
    #main{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 4.5rem);
            /* background-color: pink;  */
            /* padding-top: 1rem; */
    
            position: relative;
    }

    p{  font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    
    }

        
        
        #logo{
            width:30%;

            min-width:168px; 
            text-align: center;
            margin:0 auto;
            position: relative;
            }
        h1 {
            font-size: 26px;
            font-weight: 700;
            
            
        }
        
}