* {
  box-sizing: border-box;
}
body{
			margin: 0;
			padding: 0;
			background-image: url(img/gradient.png);
			background-color: #510000;
			background-repeat: repeat-x;
		}
		#container{
			max-width: 1000px;			
			margin-right: auto;
			margin-left: auto;
			position: relative;	
		}
		#header{
			background-color: #cda34f;			
			border-radius: 5px;         
		}		
		img{
			max-width: 100%;
			height: auto;
		}
      .logo{         
         margin: auto;        
      }         
		#hmenu{
			padding-left: 28%;
		}
		
   	#vmenu{
   		float: left;
   		width: 26%;
   		margin-right: 2%;
   		padding-left: 3%;   			
   	}
   	#content{   			
   		background-color: #f4f4f4;
   		border-radius: 5px;
         padding: 20px;
         margin-top: 10px;
         width: 72%;
         float: right;
   	}
      .content1{
         width: 100%;
         float: left;
         border-bottom: 1px solid #cda34f;          
      }      
      .part1{
         width: 25%;
         float: left;
         padding: 10px;                 
      }
      .part2{
         width: 75%;
         float: left;
      }      
      .link{
         color: black;
         text-decoration: none;
      }
      .link:hover{
         text-decoration: underline;
      }             
   	h2,p{
   		font-family: Arial;
         text-align: justify; 
   	}      	
		#footer{
			width: 100%;
			float: left;         
		}
      .footerft{
         max-width: 100px;
        margin: auto;
      }
      .fb{
         float: left;
         padding-left: 10px;
      }
      .tw{
         float: right;
      }
		.ftext{
         text-align: center;
         font-size: 14px;
         padding-top: 50px;
         color: #cda34f;
         margin-top: 5px;  
      }
   	@media screen and (max-width: 500px){
   		div#vmenu, div#content, div.content1, div.content2, div.content3, div.part1, div.part2{
   			width: auto;
   			float: none;
   			margin-right: 0;   				
   		}
   	}