p { 

}

h1, h2, h3, h4 {      
}

h1 { 
    color: #000;     
   }
   
   
a { 
    text-decoration: none;     
    color: #000;
  }

@media screen and (min-width: 480px) {
    body{
    font-family: arial; 
    font-size: 1.5em; 
    width: 100%;
    margin: 0; 
    background: #eee;
    color: #000;
}
}

@media screen and (max-width: 479px) {
    body{
    font-family: arial; 
    font-size: 1em; 
    width: 100%;
    margin: 0; 
    background: #eee;
    color: #000;
}
}

.kopecky img {height: 80px; width: auto;}

#page { 
    margin: 20px; 
    }




#menu {
    float: left;  
    margin: 0 0 30px 0;
    }

#contact {
    float: right; 
    text-align: right;
    }

a.button{
    padding: 20px;
		background: #bb1f22;
    text-align: center;
    width: 100px;
    color: white;
        }
        
a.button:hover {
		background-color: red;
		box-shadow: 0px 1px 1px #666;
    text-decoration: none;
    }        

a.button-red{
    display: block;
    padding: 20px;
    margin: 0 0 10px 0; 
		background: #bb1f22;
    text-align: center;
    width: 300px;
    height: auto;
    color: white;
        }
        
a.button-red:hover {  
    display: block;
		background-color: red;
		box-shadow: 0px 1px 1px #666;
    text-decoration: none;
    }        
                
   

#content{ 
    margin: 30px 0;
    background: white;
    padding: 20px;
    clear: both;
    text-align: justify;
}

#footer{
    margin: 0 auto 0 auto;
    text-align: center;
}


#center{
		margin: 0 auto 0 auto;
    text-align: center;
}