@media screen and (max-width: 980px) {
	
	#content .text h1{
    	font-size: 35px;
    	hyphens: auto;
	}
	#content .text h2{
		font-size: 30px;
    	hyphens: auto;

	}
	#content .text p{
		font-size: 13px;
	}
	#content p{
		font-size: 13px;
	}
	ul, ol {
		font-size: 13px;
  		margin: 10px 10px 10px 2rem;

	}
	ol {
		font-size: 13px;
	}
	#content h1{
	    margin: 30px 2.5rem 20px 1rem;
    	font-size: 35px;
    	hyphens: auto;


	}
	#content h2{
	    margin: 30px 2.5rem 20px 1rem;
		font-size: 30px;
    	hyphens: auto;


	}
	#content h3 {
	    margin: 30px 2.5rem 20px 1rem;
	}

  	#footer p {
		margin: 1rem;
		font-size: 13px;
	}
	.small-res {
    	display: inline-block;
	}
	.big-res {
    	display: none; 
	}

  }
	@media screen and (max-width: 580px) {
		#content .text h1,
		#content h1
		{
			font-size: 30px;
		}
		#content .text h2,
		#content h2{
			font-size: 25px;
		}

	}
@media screen and (max-width: 380px) {
/*	#content .text h1{
    	font-size: 35px;
	}
	#content .text h2{
		font-size: 30px;
	}*/

}