@media screen and (min-width: 992px)
{
	/* start of desktop styles */

body { font-family:Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif,Muli; font-size:1em; min-height: 100vh; }
        .image-left { float: left; width: 12%; height: auto; }
        .center { margin-left: auto; margin-right: auto; }
        h1 
		{ color:white; background:#9CACC6; font-size:4vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-15px; margin-bottom:-15px; }
		h2 
		{ color:white; background:#9CACC6; font-size:2vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-20px; margin-bottom:0; }
        h3 
		{ color:black; background:#ADD8E6; font-size:1vw; font-weight:300; display:flex; flex-direction:row; align-items:center; padding:0; margin:0; width:100%; line-height:1.3; }
        h4 
		{ color:black; background:#E0FFFF; font-size:1vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:1.3; }
		h5 
		{ text-align:center; color:black; font-size:1vw; font-weight:300; }
		h6 
		{ text-align:center; font-style:italic; color:black; font-size:0.7vw; font-weight:300; margin-top:0; }
        a:link { color: white; background-color: transparent; text-decoration: none; }
        a:visited { color: white; background-color: transparent; text-decoration: none; }
        a:hover { color: red; background-color: transparent; text-decoration: none; }
        a:active { color: white; background-color: transparent; text-decoration: none; }
		input[type=submit] { text-align:center; color:white; background:#9CACC6;font-size:1vw; font-weight:300; padding:10px; border:0; border-radius: 10px; }
}		

@media screen and (max-width: 991px) and (min-width: 768px)
{
     /* start of large tablet styles */
	 
	 body { font-family:Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif,Muli; font-size:1em; min-height: 100vh; }
        .image-left { float: left; width: 17%; height: auto; }
        .center { margin-left: auto; margin-right: auto; }
        h1 
		{ color:white; background:#9CACC6; font-size:4vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-15px; margin-bottom:-15px; }
		h2 
		{ color:white; background:#9CACC6; font-size:2vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-20px; margin-bottom:0; }
        h3 
		{ color:black; background:#ADD8E6; font-size:1.8vw; font-weight:300; display:flex; flex-direction:row; align-items:center; padding:0; margin:0; width:100%; line-height:1.5; }
        h4 
		{ color:black; background:#E0FFFF; font-size:1.8vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:1.5; }
		h5 
		{ text-align:center; color:black; font-size:1.6vw; font-weight:300; }
		h6 
		{ text-align:center; font-style:italic; color:black; font-size:1vw; font-weight:300; margin-top:0; }
        a:link { color: white; background-color: transparent; text-decoration: none; }
        a:visited { color: white; background-color: transparent; text-decoration: none; }
        a:hover { color: red; background-color: transparent; text-decoration: none; }
        a:active { color: white; background-color: transparent; text-decoration: none; }
		input[type=submit] { text-align:center; color:white; background:#9CACC6;font-size:1.6vw; font-weight:300; padding:10px; border:0; border-radius: 10px; }
}

@media screen and (max-width: 767px) and (min-width: 480px)
{
     /* start of medium tablet styles */
	 
	 	body { font-family:Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif,Muli; font-size:1em; min-height: 100vh; }
        .image-left { float: left; width: 23%; height: auto; }
        .center { margin-left: auto; margin-right: auto; }
        h1 
		{ color:white; background:#9CACC6; font-size:6vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-15px; margin-bottom:-15px; }
		h2 
		{ color:white; background:#9CACC6; font-size:4vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:-20px; margin-bottom:0; }
        h3 
		{ color:black; background:#ADD8E6; font-size:2.3vw; font-weight:300; display:flex; flex-direction:row; align-items:center; padding:0; margin:0; width:100%; line-height:1.5; }
        h4 
		{ color:black; background:#E0FFFF; font-size:2.3vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:1.5; }
		h5 
		{ text-align:center; color:black; font-size:2.3vw; font-weight:300; }
		h6 
		{ text-align:center; font-style:italic; color:black; font-size:2vw; font-weight:300; margin-top:0; }
        a:link { color: white; background-color: transparent; text-decoration: none; }
        a:visited { color: white; background-color: transparent; text-decoration: none; }
        a:hover { color: red; background-color: transparent; text-decoration: none; }
        a:active { color: white; background-color: transparent; text-decoration: none; }
		input[type=submit] { text-align:center; color:white; background:#9CACC6;font-size:2.3vw; font-weight:300; padding:10px; border:0; border-radius: 10px; }
}

@media screen and (max-width: 479px) and (min-width: 0px)
     /* start of phone styles */
{
		body { font-family:Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif,Muli; font-size:1em; min-height: 100vh; }
        .image-left { float: left; width: 40%; height: auto; margin-top:0;}
        .center { margin-left: auto; margin-right: auto; }
        h1 
		{ color:white; background:#9CACC6; font-size:6vw; font-weight:300; display:flex; flex-direction:row; align-items:center; padding:0; width:100%; line-height:0.5; margin-top:0; margin-bottom:0; }
		h2 
		{ color:white; background:#9CACC6; font-size:3.5vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:0.5; margin-top:0; margin-bottom:0; }
        h3 
		{ color:black; background:#ADD8E6; font-size:4vw; font-weight:300; display:flex; flex-direction:row; align-items:center; padding:0; margin:0; width:100%; line-height:1.5; }
        h4 
		{ color:black; background:#E0FFFF; font-size:4vw; font-weight:300; display:flex; flex-direction:row; align-items:center;  padding:0; margin:0; width:100%; line-height:1.5; }
		h5 
		{ text-align:center; color:black; font-size:4vw; font-weight:300; }
		h6 
		{ text-align:center; font-style:italic; color:black; font-size:3vw; font-weight:300; margin-top:0; }
        a:link { color: white; background-color: transparent; text-decoration: none; }
        a:visited { color: white; background-color: transparent; text-decoration: none; }
        a:hover { color: red; background-color: transparent; text-decoration: none; }
        a:active { color: white; background-color: transparent; text-decoration: none; }
		input[type=submit] { text-align:center; color:white; background:#9CACC6;font-size:4vw; font-weight:300; padding:10px; border:0; border-radius: 10px; }
}