html body {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body  { 
	background-image:linear-gradient(rgba(5,0,0,0%),rgba(5,0,0,0%)), url("images/un3.jpg");
	background-size: cover;
	height: 100%;
}

.hlavicka {
    width: 1000px;
    margin: 0px auto;
    text-align: center;
    margin-top: 20px;
}


.nahrat  {
    display: inline-block;
    border: 2px solid yellowgreen;
    border-radius: 5px;
    background: lightgray;
    padding: 2px;
    color: lightgray;
    
}

.nahrat h5 {
    background: lightgray;
}

input  {
    display: inline-block;
    padding: 2px;
    height: 20px;
    border: 2px solid yellowgreen;
    border-radius: 5px;
    
}


.prihlasit  {
    display: inline-block;
    border: 2px solid yellowgreen;
    border-radius: 5px;
    background:  lightgray;
    padding: 2px;
    margin: 0px;
    
}

.prihlasit h5 {
    background: lightgray;
}

h5	{  
	
	margin: 2px;
	color: black;
    background: white;
    font-size: 15px;
    
	/*text-shadow:1px 1px 2px gold;*/
}

h5:hover   {
    background: gold;
    color:black;
    border-radius: 4px;
    transition: background 0.7s;

}




.display1	{
	display:inline-block;
    width: 170px;
    height: 150px;
    margin: 1px;
    text-decoration: none;
    font-size: 15px;
    background: white;
    border: 3px solid green;
	border-radius: 5px; 
	}
/*
.display1:hover   {
    background: red;
    color: gold;
    
}   
*/
li a  { 
    text-decoration: none;
  }


.display2	{
    display:inline-block;
    width: 170px;
    height: 150px;
    margin: 1px;
    text-decoration: none;
    font-size: 15px;
    background: white;
	border: 3px solid blue;
	border-radius: 5px; 
	
}

.display3	{
	display:inline-block;
    width: 170px;
    height: 150px;
    margin: 1px;
    font-size: 15px;
    text-decoration: none;
    background: white;
    border: 3px solid brown;
	border-radius: 5px; 

}

.display4	{
	display:inline-block;
    width: 170px;
    height: 150px;
    margin: 1px;
    font-size: 15px;
    text-decoration: none;
    background: white;
    border: 3px solid red;
	border-radius: 5px; 
	}
.sloupce {
    margin: 0px auto;
    margin-top: 25%;
    text-align: center;
}

a {
    text-align: left;
}


@media only screen and (max-width:700px) {
    .hlavicka  {
    width: 300px;    
    text-align: center;
    margin-top: 40px;
        
        
    }   
      }

@media only screen and (max-width:700px) {
    .nahrat  {
    display: inline-block;
    margin: 0px;
        
    }   
      }

@media only screen and (max-width:700px) {
    input  {
    display: inline-block;
    margin: 0px auto;
        
    }   
      }

@media only screen and (max-width:700px) {
    .prihlasit  {
    display: inline-block: ;
    margin: 0px;
        
    }   
      }

 @media only screen and (max-width:700px) {
    a  {
    text-align: left; 
        
    }   
      }

 @media only screen and (max-width:700px) {   
 li   {   list-style-type: none;
  
}   
      }

@media only screen and (max-width:1000px) {   
     .sloupce-media
     {  
         position: relative;
         margin: 0px auto;
                  
}
      }


 @media only screen and (max-width:1000px) {   
     .display1
     {  
         position: relative;
         margin: 0px auto;
                  
}
      }

@media only screen and (max-width:1000px) {   
     .display2 
     {  
         position: relative;
         margin: 0px auto; 
}
      }
@media only screen and (max-width:1000px) {   
     .display3 
     {  
         position: relative;
         margin: 0px auto;          
}
      }
@media only screen and (max-width:1000px) {   
     .display4
     {  
         position: relative;
         margin: 0px auto;           
}
      }