/* Smartphones 320 ----------- */
	@media only screen and (min-width: 250px) {
	.titleClass {content:url("../images/title_400.png")}
	body {font-family:Arial, Helvetica, sans-serif; width:100%; padding:0px; margin:0px; font-size:15px;background-color:#bbbbbb; overflow-x:hidden}
	.col {display:block; width:100%; margin:0px; padding:0px; background-color:white}
	.pics {border-radius:10px; max-width:350px}
	p {margin:0px; padding:0px; margin-left:10px; margin-right:10px}	
	} 

	/* Smartphones 480 ----------- */
	@media only screen and (min-width: 480px) {
	.titleClass {content:url("../images/title_400.png")}
	body {font-family:Arial, Helvetica, sans-serif;; width:100%; padding:0px; margin:0px; font-size:15px;background-color:#bbbbbb; overflow-x:hidden}
	.col {display:block; width:100%; margin:0px; padding:0px; background-color:white}
	.pics {border-radius:10px; max-width:350px}
	p {margin:0px; padding:0px; margin-left:10px; margin-right:10px}	
	}

	/* Tablets ----------- */
	@media only screen and (min-width:760px) {
	.titleClass {content:url("../images/title_1000_1a.png")}
	body {max-width:1000px; background-color:#bbbbbb; padding:0px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; border:1px black solid; border-top:0px; overflow-x:hidden}
	.col {display: table-cell; padding:15px; padding-top:5px; vertical-align:top; border-right:1px #00006a solid; background-color:white}
	.pics {border-radius:10px; max-width:300px}  
	p {margin:0px; padding:0px}		
	} 

	/* Desktops and Laptops ----------- */
	@media only screen and (min-width:1000px) {
	.titleClass {content:url("../images/title_1000_1a.png")}
	body {max-width:1000px; background-color:#bbbbbb; padding:0px; margin:0px auto;font-family:Arial, Helvetica, sans-serif; font-size:15px; border:1px black solid; border-top:0px; overflow-x:hidden}
	.col {display: table-cell; padding:15px; padding-top:5px; vertical-align:top; border-right:1px #00006a solid; background-color:white}
	.pics {border-radius:10px; max-width:300px}  
	p {margin:0px; padding:0px}		
	}
	
	@media screen and (max-width: 480px) {
	.topnav a:not(:first-child) {display: none}
	.topnav a.icon {float: right; display: block}
  	.topnav.responsive {position: relative}
 	.topnav.responsive a.icon {position: absolute; right: 0; top: 0 }  
  	.topnav.responsive a {float: none; display: block; text-align: left; text-decoration: none}		
	}

	 topnav {overflow: hidden; color:#00006a; margin:0px; padding:0px}
	.topnav a {float: left; display: block; background-color:#bbbbbb; color: #00006a; text-align: center; padding: 8px 4px; text-decoration: none; font-size:16px}
	.topnav a:hover {background-color: #ddd; color:#00006a}
	.topnav a:active {background-color: #ddd; color: #00006a}
	.topnav .icon {display: none}

	div {margin:0px; padding:0px; background-color:white; box-sizing: border-box;}
	.col-container {display: table; width:100%;margin:0px; padding:0px}
	.subtitle{font-size:18px; font-weight:bold; text-align:center; margin-top:10px}