/* --------------------------------------------------------------  R E S P O -------------------------------------------------------------------------------- */

@media (min-width:1300px){

   // #podpora > .cont {text-align:center; margin:auto; width:60%; }
    
}


@media (min-width:1900px){

    
    div.section, div.section2 { width:80%; }
    * {font-size:22px!important} 

    
    div.flexitem{
	width: 450px;
    /*background: #f6f6f6;*/
    margin-bottom: 20px;
    margin-right:30px;
	}
    
    h2 {font-size: 28px!important}
    h3 {font-size: 22px!important}
    p {line-height: 28px}
 
}


@media (max-width:1500px){
    div.section-o-nas > div, div.section-reference > div, div.section-kontakt > div, div.section2 { width:98%; }
}


@media (max-width:1200px){

    div#upstairs {position:fixed; bottom: 2%; right: 2%; z-index:10}
    div.reference
	{ 
	display: grid;	
	grid-template-columns: 2fr 5fr; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 2fr 5fr; -ms-grid-rows: auto;
      } 
      
      
      div.section-nase-sluzby {
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    margin: 0px auto;
    text-align:justify;
    padding: 0 0 0 0;
    width:100%;
    min-height: 100vh;
    overflow: visible;  
    background:linear-gradient(to bottom, rgba(0,0,0,0.50), rgba(0,0,0,0), rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0), rgba(0,0,0,0.50)), url('../img/slideshow/2.jpg');
    background-position:left center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    }
      
         
}



@media (max-width:1000px){

    div.section2 { width:98%; padding: 90px 0px 40px 0px; }
    
    div.section-o-nas > div, div.section-reference > div, div.section-kontakt > div { padding:0 10px}
   
   div.reference
	{ 
	display: grid;	
	grid-template-columns: 1fr 2fr; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 1fr 2fr; -ms-grid-rows: auto;
      }    
   
     

      img#house {float:none; clear:both; margin:0px; width: 100%}

      .desktop {display:none}
      .mobile {display:inline}
      
      div#inline-menu {display:none}

    #hamburgermenu{
    z-index:199;
    min-width: 200px;
    min-height: 100px;
    padding: 0.8em;
    background: var(--yellow);
    text-align: left;
    color:#fff;
    font-size:18px;
    font-weight: normal;
    box-shadow: -5px 5px 10px #444;
}

    img#hamburger{
      position:fixed;
      top:15px;
      right:15px;
      display:block;
      z-index:220;
      width: 28px;
      height: 28px;
      background: none;
      }
      
      div.item {
      position:static; 
      margin:auto; 
      width: 100%; 
      height:100vh;
      background:url('../img/slideshow/3b.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover;
      } 
     
      
}






@media (max-width:850px){
          
      div.flexitem{
    	width: 300px;
        margin-bottom: 20px;
	}
    
  
    div.reference
	{ 
	display: grid;	
	grid-template-columns: 4fr 5fr; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 4fr 5fr; -ms-grid-rows: auto;
      }     
}



@media (max-width:750px){
        
        div.reference
	{ 
	display: grid;	
	grid-template-columns: 1fr; grid-template-rows: auto auto;
    display: -ms-grid;
	-ms-grid-columns: 1fr; -ms-grid-rows: auto auto;
      } 
      
          div.flexcontain{
      	  justify-content: center;
          -ms-flex-pack: center;
    	}  
        
        //div#downstairs { display:none}
        
        
        div.section-kontakt {
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    margin: 0px auto;
    text-align:justify;
    padding: 0 0 0 0;
    width:100%;
    min-height: 100vh;
    overflow: visible;
    background:linear-gradient(to bottom, rgba(0,0,0,0.75), rgba(0,0,0,0.50), rgba(0,0,0,0), rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.50), rgba(0,0,0,0.75)), url('../img/slideshow/1.jpg');    
    background-position:left center;
    background-repeat: repeat, repeat;
    background-size:cover;
    background-attachment:fixed;
    }
    
    ul.menu {box-sizing: content-box;}
        
}



@media (max-width:630px){
    div.section-nase-sluzby > div{
        width:90%; padding:10px        
    }
    
    ul{margin-top:20px; margin-bottom:20px; margin-left: -20px; max-width: 100%; }
}


@media (max-width:600px){
          div#upstairs {position:fixed; bottom: 2%; right: 2%; z-index:10}

}


@media (max-width:460px){

     div#major-logo {display:block;
          margin: auto;
          text-align:center;
          position:absolute;
          top: calc(50% - 120px); left: 0;
          /*bottom: 0;*/ right: 0;
          z-index:10;
          cursor:pointer;
          width: 300px;
          height:118px;
          background: url('../img/logo-castka.png');
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 300px 118px;
          transition: background .5s;
          }
          
div#major-logo:hover {
          background: url('../img/logo-castka2.png');
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 300px 118px;
          transition: background .5s;
          } 
          
}