@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:640px) and (max-width:768px){
	
	.lead{
	font-size:130%;
}
	
	h2{
	font-size: 110%;
	font-weight: bold;
	color: #FA9F0B;
}
	
	
	

.section{
	font-size: 140%;
	line-height: 1.6;
}
	.section p {
		font-size: 99%;
	}

	#attention{
	font-size: 110%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 100%;
	line-height: 1.7;
	padding:6% 6% 6% 8%;
	
}
	
	
}


@media screen and (min-width:375px) and (max-width:540px){
	
	.lead{
	font-size:90%;
}


	
	h2{
	font-size: 100%;
}
	
	.section{
	font-size: 100%;
	line-height: 1.6;
		margin:4% 3%;
}
	.section p {
		font-size: 72%;
	}


#attentionlead{
	background-color: #434343;
	font-size: 90%;
	line-height: 1.7;
	padding:6% 6% 6% 9%;
}
	
	#attention02 {
	font-size: 80%;
	line-height: 1.5;
	}


	p {
		font-size: 85%;
	}
	footer {
		font-size: 40%;
	}
	
}

@media screen and (max-width:360px){
	
	.lead{
	font-size:90%;
}

	
	h2{
	font-size: 90%;
}
	
	.section{
	font-size: 100%;
	line-height: 1.6;
		margin:4% 3%;
}

	
	#attention{
	font-size: 100%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 90%;
	line-height: 1.7;
	padding:6% 6% 6% 9%;
}
	
		#attention02 {
	font-size: 90%;
	line-height: 1.5;
	}

	
	
}