body {
	background-color: darkslategrey;
	color: azure;
	font-size: 1.1em;
	
}

.header {
  padding: 5px;
  font-family: 'Bangers' , serif;
  text-align: center;
  background: #BBE593;  
}

.footer {
  padding: 10px;
  font-family: 'Bangers' , serif;
  text-align: center;
  background: #BBE593;
}

h1  {
       text-align: center;
	   font-family: 'Bangers' , serif;
       font-size: 50pt;
	   text-shadow: 4px 4px 4px #aaa;
       color: #D4020F;
       margin-bottom: 5px;
       text-decoration: green wavy overline;
    }
    
h2 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 25pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: #78C165; 
     }
	 
h3 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 15pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: #78C165; 
}

p {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 10pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: black; 
     }
	 
p2 {
      text-align: center;
	  font-family: 'Sigmar One' , serif;
      font-size: 13pt;
	  text-shadow: 2px 2px 2px #aaa;
      color: black; 
     }

	div.sub, iframe {
	font-family: 'Bangers' , serif;
    width: 300;
    height: 200;
    border: none;
    align: center;
	background-color: coral;
	color: purple;
 
h4 {
  background-color: black;
  font-family: 'Bangers' , serif;
  color: red;
  padding: 40px;
  text-align: center;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
}