@charset "utf-8";
/* CSS Document */
/* Colors
#98a989 - light green 
#58684b - olive green
#016934 - bright green 
#f2f4f0 - background color when not white
#6f479a - light purple 
#533673 - dark purple
#4b306a - medium purple
black*/

/*Expanded screens*/
@media only screen and (min-width:1200px){
/*font styles*/
h1, h3, h4, h5, h6{margin-left: 15px;}
h1{margin-top:25px; font-size:3.5em; color:#6f479a;}
/*drop shadow on the h1*/
header h1{text-shadow:2px 2px 2px #000;}
h2{color: #016934; margin-top:10px; font-style:italic; font-size: 2em;}
h3, h4, h5, h6{margin:5px;}
/*You can change h3 and h5 to black if you wish*/
h3{font-size: 1.5em; color:#016934;}
h4{font-size:1em; font-style: italic; color:black;}
h5{color:#98a989; font-style:italic; font-size:.75em;}
p{font-size:1em; font-weight: bold; color:black;}
blockquote{font-family: 'Parisienne', cursive; font-size: 1.85em; font-weight:bold; color:#016934;}

/*Special design*/
/*If you want to make anything bright green, you can use span*/
span{color:#016934;}
/*name is dark purple*/
.sandi_consulting {	color: #533673;	font-weight: bold;}
/*links and lists*/
a:link, a:visited, a:active{color: #64408C;}
a:hover{color:#58684b;}
#specials li{list-style: none;}
.clear{clear:both;}
.dot {height:10px; width:10px; background-color:#6f479a; border-radius: 50%; display: inline-block;}
}

/*Smaller Desktops*/
@media screen and (min-width:767px) and (max-width:1200px){
h1{font-size:2em; color:#6f479a;}
h2{font-size:1.5em; color: #016934;}
header h1{text-shadow:2px 2px 2px #000;}
blockquote{font-family: 'Parisienne', cursive; font-size: 1.85em; font-weight:bold; color:#016934;}
.dot {height:10px; width:10px; background-color:#6f479a; border-radius: 50%; display: inline-block;}
h5{color:#98a989; font-style:italic; font-size:.75em;}
p{font-size:.90em;}
}


/*mid media*/
@media screen and (min-width:481px) and (max-width:780px){
h1{font-size:2em; color:#6f479a; padding-left:25px;}
h2{font-size:1.5em; color: #016934; padding-left:25px;}
header h1{text-shadow:2px 2px 2px #000;}
h5{color:#98a989;font-size:.85em;}
blockquote{font-family: 'Parisienne', cursive; font-size:2em; font-weight:bold; color:#016934;}
p{font-size:1em;}
	
}

/*Small media*/
@media screen and (max-width: 480px) {
	h1{font-size:1.5em;}
	h2{font-size:1em;}
	h3{font-size:.90em;}
	h5{color:black;font-size: 1.25em;}
	blockquote{font-family: 'Parisienne', cursive; font-size: 2em; font-weight:bold; color:#016934; line-height:1.25em;}
	p{font-size:1.25em;}
}