body {margin: 0; padding: 0; background: linear-gradient(#b8d7fc, white 16%); } 



header {}

.container_header {margin-top: 7%; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 70%; }
					/*background: linear-gradient(#def4fa, white); */ 


main {font-family: Helvetica, Arial, sans-serif; font-size: 90%; line-height: 125%; }
main h1 {margin-top: 7%; color: #5081cc; font-size: 150%;} 
main h2 {margin-top: 5%; color: #5081cc; font-size: 125%;} 


hr {border: 1px solid #5081cc;} 

a {color: #2a61b5;}

a:link { text-decoration:none; }


.for_assistance { margin-top: 3%; margin-bottom: 5%; text-align: center; } 

.horiz_menu_container {margin-left: 4%; }



footer {
	text-indent: 0;
	font-family: Helvetica, Arial, sans-serif; font-size: 85%; 
}

@media only screen and (min-width: 1025px) { /* desktop monitor */ 
	.horiz_menu { display: inline; margin-right: 3%; color: #5081cc; text-align: left;}  
	.container_body {max-width: 750px; margin: auto;} 
	.line_breaker001 {display: inline;}
} 


@media only screen and (min-width: 769px) and (max-width: 1024px) /* laptop */   {
		.horiz_menu { display: inline; margin-right: 3%; color: #5081cc; text-align: left;}  
		.container_body {width: 75%; margin: auto;} 
		.line_breaker001 {display: inline;}
}



@media only screen and (min-width: 481px) and (max-width: 768px) /* tablet */   {
		.container_body {width: 80%; margin: auto;} 
		.horiz_menu { display: block; margin-bottom: 2%; margin-right: 3%; color: #5081cc; text-align: left;}  
		.horiz_menu_container {margin-top: 5%; margin-bottom: 10%;}
}



@media only screen and (max-width: 480px) /* smartphone */ {
		.container_body {width: 90%; margin: auto; font-size: 120%;} 
		.horiz_menu { display: block; margin-bottom: 4%; margin-right: 3%; color: #5081cc; font-size: 110%; text-align: left;}  	
		.horiz_menu_container {margin-top: 15%; margin-bottom: 15%;}
}