/* --------------------------------------------------------------------------
 * UVODNI TEXT
 * -------------------------------------------------------------------------- */

    #hp-uvod-strip {
        padding: 40px 0px 10px 0px;
    }
    
    #hp-uvod {
        text-align: center;
        padding: 0px 65px;
    }
    
    
    #hp-uvod h1 {
        margin: 0em 0px 1.25em 0px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 140%;
        color: #487629;
    }

        
    @media screen and (max-width: 800px) {

        #hp-uvod {
            padding: 0px 3%;
        }
        
    }

    #hp-uvod p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    #hp-uvod p::after {
        /*content: "";
        flex: auto;
        */
    }
    
    #hp-uvod img {
        margin: 0px 35px 35px 35px;
        height: 40px;
        width: auto;
    }

    #hp-uvod img:first-of-type {
        margin-left: 0px;
    }
    

/* --------------------------------------------------------------------------
 * HP ARTICLE
 * -------------------------------------------------------------------------- */

    #hp-article-box-strip {
        background: #F1F4EF;
        padding: 40px 0px;
    }
    
    #hp-article-box {
        padding: 0px 65px;
    }
    
    
    @media screen and (max-width: 1024px) {

        #hp-article-box {
                padding: 0px 60px;
        }
        
    }
    @media screen and (max-width: 800px) {

        #hp-article-box {
            padding: 0px 3%;
        }
        
    }
 

    
/* --------------------------------------------------------------------------
 * ILU ROW
 * -------------------------------------------------------------------------- */


    #hp-ilu-box-strip {
        background-position: center;
        background-size: cover;
        color: #FFFFFF;
        background-color: #31201a;
    }
    
    #hp-ilu-box {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        min-height: 200px;
        background-position: center;
        background-size: cover;
    }

    #hp-ilu-box-text {
            padding: 60px 0px 40px 60px; 
            text-align: left;
            /*text-shadow: -1px -1px #000000;*/
            max-width: 500px;
            width: 100%;
            font-size: 105%;
            line-height: 130%;
    }
    
    #hp-ilu-box-text h2 {
        margin: 0px 0px 0.75em 0px;
        text-align: left;
        text-transform: none;
        font-size: 225%;
        font-weight: bold;
        font-style: normal;
        color: #FFFFFF;
        /*text-shadow: -1px -1px #000000;*/
    }

    #hp-ilu-box-logo {
        padding: 10px 60px 25px 60px;
    }
     
    #hp-ilu-box-text a {
        color: #FFFFFF;
    }
    
    #hp-ilu-box-text small {
        font-size: 90%;
    }
    
    @media screen and (max-width: 800px) {
        #hp-ilu-box-text {
            text-shadow: -1px -1px rgba(0,0,0,0.5);
            max-width: 450px;
        }
    
    }
    
    @media screen and (max-width: 600px) {
 
        #hp-ilu-box-text {
            width: 100%;
            max-width: 100%;
            padding: 20px 30px; 
            text-shadow: -1px -1px rgba(0,0,0,0.5);
        }

        #hp-ilu-box-text h2 {
            
        }
        
    }

    
/* --------------------------------------------------------------------------
 * GALLERIE
 * -------------------------------------------------------------------------- */

    #hp-gallery-strip {
        padding: 60px 0px;
    }
    
    #hp-gallery {
        padding: 0px 80px; 
    }
    
    #hp-gallery-text {
        margin-bottom: 30px;
        padding: 0px 2%;
    }
    
    #hp-gallery-text h2 {
        margin-top: 0px;
        font-family: 'Lobster', cursive;
        text-transform: none;
        font-size: 180%;
        font-weight: normal;
    }

    #hp-gallery-box .image-gallery-item {
        width: 25%;
        padding: 1.8%;
    }

    #hp-gallery-box .gallery-frame {
        padding: 0px;
        margin: 0px;
    }
    
    @media screen and (max-width: 1024px) {
         
        #hp-gallery-strip {
            padding: 60px 0px;
        }

        #hp-gallery {
            padding: 0px 40px; 
        }

    
    }
    
    
  @media screen and (max-width: 800px) {
  
      
        #hp-gallery-strip {
            padding: 40px 0px;
        }
        
        #hp-gallery-box .image-gallery-item { 
           width: 33.3%; 
        }

        #hp-gallery {
            padding: 0px 2%;
        }
        
        
    
  }
  
  @media screen and (max-width: 600px) {
  
    #hp-gallery {
        padding: 0px 2%;
    }
    
    
    #hp-gallery-box .image-gallery-item { 
       width: 50%; 
    }
    
   
    
    
  }
  
   @media screen and (max-width: 450px) {
  
        #hp-gallery {
            padding: 0px 0%;
        }
        #hp-gallery-box .image-gallery-item { 
           width: 100%; 
           padding: 0.9% 0px;
        }

  
    
  }
    
  
/* --------------------------------------------------------------------------
 * MAP
 * -------------------------------------------------------------------------- */
    
    #map {
       height: 300px;
       filter: grayscale(25%);
    }

    

 /* --------------------------------------------------------------------------
 * CONTACT
 * -------------------------------------------------------------------------- */
 
    #footer-contact-strip {
        background-color: #FFFFFF;
    }

    #footer-contact {
        padding: 40px 10%;
    }

    #footer-contact .row-1 {
        text-align: center;
        margin-bottom: 40px;
    }

    #footer-contact h2 {
        color: #0E5588;
        margin: 0.75em 0px 0.25em 0px;
        font-weight: bold;
        font-size: 175%;
    }

    #footer-contact h3 {
        margin: 0px 0px 1em 0px;
        color: #0E5588;
        font-weight: bold;
        text-transform: uppercase;
    }

    #footer-contact .row-1 p {
    }

    #footer-contact .row-2 {
        display: flex;
    }
    
    #footer-contact .row-2 .footer-col-1 p {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        color: #0E5588;
    }
    
    #footer-contact .row-2 a {
        color: #0E5588;
    }
    
    #footer-contact .row-2 a:hover {
        color: #0E5588;
    }
    
    #footer-contact .row-2 img {
        margin-right: 10px;
    }

    #footer-contact .row-2 > div {
        flex: 0 0 auto;
        width: 50%;
    }
    
    
    
    @media screen and (max-width: 768px) {
        
        #footer-contact .row-2 {
            flex-direction: column;
        }

        #footer-contact .row-2 > div {
            width: 100%;
        }
        
        #footer-contact .row-2 .footer-col-1 {
            margin-bottom: 2em;
        }

    }