@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 320px) {
  body {
    width: 100%;
    margin-left: 0px;
  }
  #site-header {
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center;
  }
  #site-header-teal-top {
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: none;
  }
  #headerImg {
    width: 100%;
    display: block;
  }
  #headerImg img {
    margin-top: 20px;
    max-width: 280px;
    height: auto;
  }
	#mobile_menu {
		display:block;
		text-align:right;
		margin:10px;
	}
	#mobile_menu a {
		color:#000;
	}
  #header_menu {
	display:none;
	  text-align:right;
}
#header_menu ul {
	
}
#header_menu ul li {
	display:block;
	font-size:18px;
	padding:10px;
}
#header_menu ul li a {
	padding:20px;
	color:#000;
	text-decoration:none;
}
#header_menu ul li :hover {
}
#header_menu ul li:hover > a {
	color:#0378bc;
	transition-duration:.5s;
}
#header_menu ul li:before {
	content:'';
	color:#26284e;
}
#talk_to_advisor {
	text-transform:uppercase;
	float:right;
	padding:20px 0px 0px 0px;
	font-size:18px;
	font-weight:300;
}
#talk_to_advisor a {
	color:#000;
	text-decoration:none;
	transition-duration:.5s;
}
#talk_to_advisor a:hover {
	color:#0378bc
}
#header_buttons {
	display:block;
	z-index:999;
	float:right;
	padding:10px 20px 0px 40px
}
#nav_menu {
    display: block;
  }
  #contact_li {
    display: block;
    width: auto;
  }
  #mainCont-teal-top {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #eef9fa;
    margin: -5px;
    padding: 0px;
    border: none;
  }
	
	#blog_cont {
		width:90%;
		margin-left:5%;
	}
	
	#blog_cont p {
		line-height: 1.5em;
	}
	
	#blog_cont h3 {

		margin:20px 0px 20px 0px;
	}
	
	#blog_cont ul {
		font-weight:650;
		list-style: '-';
		marin:0px 0px 0px 20px;
	}
	#blog_cont ul li {
		font-weight:550;
		font-style: italic;
		line-height:1.5em;
		padding:15px 0px;
	}
  .prime_area {
    width: 100%;
  }
  .section_header {
    font-size: 2em;
  }
  .sub_header {
    padding: 0px;
    margin: 0px;
  }
  .prime_picbox {
    display: none;
    width: 0px;
  }
  .prime_textbox h1 {
    font-size: 1.5em;
  }
  .teal_bg {
    padding: 25px;
  }
  .purple_area p {
    font-family: 'Poppins';
    font-size: 1em;
    line-height: 1.5;
  }
  .spacer {
    padding: 12.5px;
  }
  .add_info h2 {
    margin: 0px 0px 15px 0px;
  }
  .add_info p {
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .services_cards {
    width: 100%;
    text-align: center;
    vertical-align: bottom;
  }
  .services_cards li {
    display: inline-block;
    text-align: center;
    width: 75%;
    height: auto;
    min-height: 40px;
    padding: 10px 20px 10px 20px;
    border: solid thin #bbb;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: 0px 0px 5px 2px #AAA;
  }
  .services_cards li img {
    margin: 0px 15px 0px 0px;
    vertical-align: bottom;
  }
  .no_border_li {
    margin: 0px;
    padding: 0px;
    width: 75%;
    display: block;
  }
  .yt_embed {
    text-align: center;
    width: 100%;
    height: auto;
  }
  .vid_head {
    width: 100%;
    margin: 0px;
	height:365px;
    padding: 0px !important;
  }
  .vid_head h2 {
    margin: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    text-shadow: 0px 0px 5px #000;
  }
	
	.purple_block_list {
		text-align:center;
		color:#FFF;
		background-color:#26284e;
		line-height:2em;
		padding:90px 0px;
	}
	
	.purple_block_list h2 {
		font-size:3em;
		padding:10px 0px 20px 0px;
	}
	
	.purple_block_list p {
		width:70%;
		margin-left:15%;
		font-size:1.25em;
		color:#e4bc8e;
	}
	
	.purple_block_list ul {
		width:70%;
		margin-left:15%;
	}
	.purple_block_list ul li {
		display:inline-block;
		width:350px;
		padding:40px 0px;
		margin:10px;
		border:solid thin white;
		border-radius:10px;
	}
	.purple_block_list ul li img {
		vertical-align: middle;
		margin-right:10px;
	}
	
	.services_block {
		width:80%;
		margin-left:10%;
		padding:40px 0px;
	}
	
	.services_block h3 {
		font-weight:450;
		color:#26284e;
		font-size:1.5em;
		padding: 0px 0px 20px 0px;
		max-height:300px;
	}
	
	.services_block p { 
		
	}
	
	.services_block ul {
		
	}
	
	.services_block ul li {
		padding: 10px 10px;
		font-size:1.25em;
		font-weight:650;
		width:300px;
		height:25px;
		vertical-align: center;
		list-style: none;
	}
	
	.services_block ul li img {
		width:25px;
		height:25px;
		margin-right:15px;
		filter:sepia(120%) hue-rotate(10deg) saturate(10%) brightness(200);
	}
	
	.cursive_title img {
		display:none;
	}
	.post-categories {
		list-style: none;
		padding:0px 0px 20px 0px;
	}
	.post-categories li {
		text-align:center;
	}
	.post-categories li a {
		text-decoration:none;
		color:#192e46;
		font-weight:650;
	}
}