body { 
background: url('images/wall.gif') #33ffcc;
margin:0;
}
p {
text-align: left;
font-size: 20px;
line-height: 30px;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-right:10px;
}
.fl {
clear:left;
padding-top:30px;	
}

li {
text-align: left;
font-size: 16px;
line-height: 30px;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-right:10px;

}

h1 {
text-align: center;
font-size: 36px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;	
margin-left:10px;
margin-right:10px;

}
h2 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-right:10px;
	
}
h3 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
margin-top: 1.5em;
margin-left:10px;
margin-right:10px;

}
h4 {                                     /* слева жирный */
text-align: left;
font-size: 20px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;	
}

.hc {
text-align: center;                           /* центр жирный */
font-size: 20px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-right:10px;

}

.hl {
text-align: left;                             /* слева жирный */
font-size: 20px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-top: 1.5em;	
}

.hc1 {                               /* центр нежирный */
text-align: center;
font-size: 20px;
font-family: Arial, Verdana, sans-serif;
margin-top: 1.5em;	
margin-left:10px;
margin-right:10px;

}

table { 
    margin: auto;
    border-spacing: 0; 
    border-collapse:collapse;
   
}

td {
    text-align: left;
    padding: 10px;
    border: 1px solid;
}

img {
	border:0;
}
.logo {
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
      }
.hpic {                                     /* подписи к рисункам */
    font-size: 16px;
    text-align: center;
    margin-top: 0;
   }
blockquote {
text-align: left;
font-size: 16px;
line-height: 30px;
font-family: Arial, Verdana, sans-serif;
margin-left:15px;
margin-right:10px;
}
.vh {
    visibility: hidden;
    position: absolute;
}

.sendbutton {
display: inline-block;
margin: auto;
border-radius:20px;
background:#459DE5;
color:white;
font-size:24px;
cursor:pointer;
text-align: center;                 
font-weight: bold;
text-decoration:none;
padding:5px 15px;

}
.sendbutton:hover{
background:#358DE5;
}

header{width:100%;display:table;background-color:black;margin-bottom:10px}   /* Header */

.navbar {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
   }
.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
  }
.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
 
}
.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}
.dropdown-content {

    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    
}
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {
    background-color: #ddd;
       
}
.dropdown:hover .dropdown-content {
    display: block;
 }   
    @media screen and (min-width: 600px) {
 .navbar { float:right;  }
}
@media screen and (max-width: 480px) {

 .navbar a {padding: 14px 4px;  }
.dropdown .dropbtn { padding: 14px 5px;}

}
   

footer{margin-top:10px}                              /* Footer */
.column {                               

    box-sizing: border-box;
    float: left;
    width: 25%;
    padding: 10px;
    background-color:black;
    color: white;
    height: 250px; 
   
   }
 .column a {  
 color: white;
 text-decoration: none;
 }
 
@media screen and (max-width: 600px) {
    .column { width: 100%;}
    .column a {line-height: 40px;}

}