body {background-color: maroon}
			
                    
  .center {
	  margin: auto;
	  width: 60%;
	  padding: 10px;
	  text-align: center;
	  border: 3px solid gold;
	  background-color: white; }
	   

img {  
          max-width: 100%;  
          height: auto; }  
	
   


body {
         font-family: Arial, Helvetica, sans-serif; }

     .navbar {
       overflow: hidden;
       background-color: #800000;
       border: 3px solid gold;
       margin: auto;
       width: 60%;
        }

    .navbar a {
       float: left;
       font-size: 24px;
       color: gold;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none; }

    .dropdown {
       float: left;
       overflow: hidden; }

    .dropdown .dropbtn {
       font-size: 24px;  
       border: none;
       outline: none;
       color: gold;
       padding: 14px 16px;
       background-color: maroon;
       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; }

 .footer {
     	margin: auto;
     	width: 60%;
	    padding: 5px;
     	text-align: center;
    	font-size: 12px;
	    border: 3px solid gold;
     	background-color: #800000; }