*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}

body 
	{

		background-image: url("../img/aula.jpg") ;
		background-position: center;
		background-size: 100% 100%;
    	background-repeat: no-repeat;
    	margin-bottom: 50px;
	}
			
			
h3 {
  		font-family: calíbri;
  		font-size: 130%;
	}

 p{
		font-family: calíbri;
  		font-size: 154%;

 }

 ul li{

 	font-size: 135%;
 }

 a{
 	font-size: 145%;
  }

 a:hover{
 	color: black;
 }

 FONT{
 	font-size: 120%;
 }

 strong{
 	font-size: 140%;
 }

 @media only screen and (min-width: 481px) and (max-width: 768px) {

 	h3 {
  		font-family: calíbri;
  		font-size: 135%;
	}

 	p{
		font-family: calíbri;
  		font-size: 160%;
 	}

 	ul li{

 		font-size: 140%;
 	}

}


 @media only screen and (min-width: 321px) and (max-width: 480px) {

	h3 {
  		font-family: calíbri;
  		font-size: 140%;
	}

 	p{
		font-family: calíbri;
  		font-size: 165%;

 	}

 	ul li{

 		font-size: 145%;
 	}

}


@media only screen and ( orientation: landscape) and (min-width: 769px) and (max-width: 900px)   {

	h3 {
  		font-family: calíbri;
  		font-size: 132%;
	}

 	p{
		font-family: calíbri;
  		font-size: 157%;

 	}

 	ul li{

 		font-size: 138%;
 	}

}


@media only screen and ( orientation: landscape) and (min-width: 900px) and (max-width: 1100px)   {

h3 {
  		font-family: calíbri;
  		font-size: 130%;
	}

 p{
		font-family: calíbri;
  		font-size: 154%;

 }

 ul li{

 	font-size: 135%;
 }

}