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

body{
	padding-top: 0px;
	margin-top: 50px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	}

@media only screen and (max-width: 400px) {
		h1 { font-size:18px; }
		h2 { font-size:16px; }
		h3 { font-size:14px; }
		p { font-size:13px; }
	 }
@media only screen and (min-width: 401px) {
		h1 { font-size:20px; }
		h2 { font-size:18px; }
		h3 { font-size:16px; }
		p { font-size:13px; }
		 }
	
	/* switching images for large and small screens*/	 
.image2{ visibility:hidden }
@media only screen and (max-width: 619px){.image1{ visibility:hidden }
   .image2{ visibility:visible }
}

.image1{margin-right: auto; margin-left: auto; display: block; 
max-width: 100%; height: auto;
	}
	
.image2{margin-right: auto; margin-left: auto; display: block;
	max-width: 100%; height: auto;
	}

.content a{
	color: #308bca; /*bootstrap uses 428bca I need darker*/
}

.clear{
	clear:both;
	height: 10px;
}
	

/* alignments */
#right {float:right;} 

#left { float:left;} 

.center {text-align: center;}

.img-centre{
	margin-right: auto;
	margin-left: auto;
}

/* redefine text sizes and styles */

body{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

h1, h2, h3
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.5em;
}
   
li{
	margin-top: 4px;
	margin-bottom: 4px;
}