h1 {
	text-align:center;
	color:yellow;
	font-size:40PX;
	text-shadow: 3px 3px #ff0000;
	font-family:"Comic Sans MS", cursive;
}
h2{
  color:Lime;
    font-size:30PX;  
}
blockquote{
  color:Lime;
    font-size:20PX;  
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    background-color:Purple;
}

li {
    float: left;
}

li a {
    display: block;
    color:#30F;
    text-align: center;
    padding: 16px 25px;
	font-size:20px;
    text-decoration: none;
	font-family:"Comic Sans MS", cursive;
}

li a:hover {
    background-color:#F00;
	color:#FFF;
}
h1:hover{
	color:blue;
}
div{
	color:#FFF;
}

@media (min-width: 1201px) {
  h1 h2 {
    text-align: center;
  font-size:40px;   
  }

  div{
    float: left;
    padding: 0;
    margin: 0;    
  }

 div {
   width: 50%;
   font-size:20px;  
  }

 }

@media (min-width: 601px) and (max-width: 1200px) {
  h1 h2{
     text-align: center;
   font-size:25px;   
  }

   div{
    float: left;
    padding: 0;
    margin: 0;
  
  }

  div {
    width: 100%;
  
  }  
}

@media (max-width: 600px) {
  h1 h2 {
   text-align: center;
 font-size:15px;  
   
  }

  div {

  font-size:20px;
      
  }   
}