.nav-logo {max-height: 60px;}
.nav-item {text-align: end;}
#navbarNav {justify-content: flex-end;}

#main_content
{ 
background: url("../images/main-color.jpg") no-repeat center;
background-size: cover; 
border-top: 5px solid #2D529D;  
justify-content: center;
height: 600px;
border-bottom: 5px solid #2D529D;
margin-bottom: 12px;
text-align: center;
}
#main_content img {width: 100%; border-bottom: 5px solid #2D529D; border-top: 5px solid #2D529D;}
#main_content iframe { width:100%; height: 100%; }

/****** CONTACT US PAGE STUFF **************/
#cu_main {display:flex; justify-content: space-around; align-items: flex-start;}
#contact_form {font-size: 1.5em; padding: 2em; background: #CED2DB; margin: 1em 0 15px 15px; box-shadow: inset 0 0 10px #000000; width: 60%; max-width: 1000px; display: inline-block;}
#contact_info {background: #619FD4; margin: 1em; padding: 1em; box-shadow: 3px 3px 5px 6px #ccc; vertical-align: top; float:right;}
#radios {margin: .5em 0;}
#comments_label {float: left; padding-top: 10px;}
#submit_button { margin: .5em 5em 0; font-size: 1.3em; padding: .2em; }
.center_text{text-align: center;}
.bold {font-weight: bold;}
.divider {border-top: 1px solid #eee; margin-bottom: 2em;}
.form_inputs { margin: 1em; }
.redborder { border: 2px solid red; }



.border_top {border-top: 5px solid #2D529D; margin-bottom: 15px;}
.border_bottom { border-bottom: 5px solid #2D529D;
margin-bottom: 12px;}
.nav 
{ 
	text-align: right; 
	padding-right: 20px;
	display: flex;
	align-items: flex-end;
}
.nav ul { list-style:none; padding:0; list-style-position: inside; display: inline-block; margin:0;}
.nav li {display:inline; text-align: center; position: relative; }
.nav a {color: #000000; text-decoration:none; padding: 5px 15px 0 15px;  font-size: 1.2em; }
.nav ul li a:hover { background: linear-gradient(#FFFFFF, #2D529D); border-radius: 7px 7px 0 0; }
.nav ul li a:current { background: #2D529D; color: #000; border-radius: 7px 7px 0 0;}
.nav ul li a:.active { background: #2D529D; color: #000; border-radius: 7px 7px 0 0;}
.nav .icon {color: #CED2DB; display: none;}
.nowrap {white-space: nowrap ;}
a[href^="tel:"] {text-decoration: none; color: black;}
#contact_icons {align-self: center; display: flex; justify-content: center;}

#cw{font-size: 14px; align-self: center; justify-self: flex-start;}
#footer_contact {font-size: 14px; align-self: center; justify-self: center;}
.my-container {
border-bottom: 5px solid #2D529D;
padding-bottom: 12px;
}
.svg_icon {align-self: end; height: 40px; width:40px; padding: 5px 10px; transition: all 1s;
  transform-origin: 50% 50%;}
.svg_icon:hover {
  transform: scale(1.5);
  
}


.mainbutton {
   border-top: 1px solid #96d1f8;
   background: #2d3691;
   background: -webkit-gradient(linear, left top, left bottom, from(#2178bb), to(#2d3691));
   background: -webkit-linear-gradient(top, #2178bb, #2d3691);
   background: -moz-linear-gradient(top, #2178bb, #2d3691);
   background: -ms-linear-gradient(top, #2178bb, #2d3691);
   background: -o-linear-gradient(top, #2178bb, #2d3691);
   padding: 14px 28px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,0.5) 5px 10px;
   -moz-box-shadow: rgba(0,0,0,0.5) 5px 10px;
   box-shadow: rgba(0,0,0,0.5) 5px 10px;
   text-shadow: rgba(0,0,0,0.5) 0 1px 0;
   color: white;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   display: inline-block;
   margin: 9em 5em 0;
   font-size: 1.7em;
   }
   
.mainbutton a{color: #fff; text-decoration:none;}
.mainbutton:hover {
   border-top-color: #28597a;
   background: #2D529D;
   }
.mainbutton:active {
   border-top-color: #1b435e;
   background: #2c3590;
   }

/*.active { background: #2D529D;  color: #FFF !important; border-radius: 7px 7px 0 0;}*/
 

.find_line {background: #CED2DB; border: 2px dotted #181B22; display: flex; justify-content: space-around; margin: 1em ; height: 500px;}
.find_line:nth-child(odd) { background: #619FD4;}
.find_tip {font-size: 2em; text-align: center;  justify-self: center; align-self: center; font-family: Merriweather;}
.find_pic {justify-self: center; text-align: center; align-self: center; margin: 1em;}
.find_pic img{max-width: 95%; height:auto; max-height: 95%; vertical-align: middle; border: 1px solid black;
    border-radius: 4px;
    padding: 5px; background: white; 
	box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
	}


#find_heading {border: 1px solid #CED2DB; padding: 1em; box-shadow: 3px 3px 5px 6px #ccc; margin: 1em auto; width: 70%;}
.subtext {font-size: .7em}

/************** PM PAGE STUFF ***********************************************/
/*.pm_box{background: #CED2DB; border: 2px dotted #181B22; margin: 1em;} */
.pm_line {background: #CED2DB; border: 2px dotted #181B22; display: flex; justify-content: space-around; margin: 1em ;}
.pm_line:nth-child(odd) { background: #619FD4; }
.pm_lists{margin: 1em 5%; padding: 1em; max-width: 60%; display: inline-block; vertical-align: top; }
.pm_pic {justify-self: center; text-align: center; align-self: center; margin: 1em; width: 35%;}
.pm_pic img{max-width: 95%; height:auto; max-height: 95%; vertical-align: middle; border: 1px solid black;
    border-radius: 4px;
    padding: 5px; background: white; 
	box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
	}
	
/************** BW PAGE STUFF ************************************/	
#bw_vid { width: 100%; text-align: center; margin: 1em; display: inline-block; vertical-align: top;}
#bw_vid iframe {width:840px; height: 473px; vertical-align: top;}
.bw_text{margin: 1em 5%; padding: 1em; max-width: 48%; display: inline-block; vertical-align: top; }
.bw_pic {justify-self: center; text-align: center; align-self: center; margin: 1em; width: 48%;}
.bw_pic img{max-width: 95%; height:auto; max-height: 95%; vertical-align: middle; border: 1px solid black;
    border-radius: 4px;
    padding: 5px; background: white; 
	box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
	}

	
.top_align {align-self: start;}


/******************** ABOUT US PAGE STUFF **********************************/
.contact_boxes {margin: 2em auto; text-align: center; }
#about_top { display: flex;
    justify-content: space-between;}
#about_top iframe {width: 600px; height: 450px; display: inline-block; margin: 1em auto; } 
#contact_button {align-self: start; margin: 1em 1em; }
#ci_about {background: #619FD4; padding: 1em; box-shadow: 3px 3px 5px 6px #ccc; margin: 1em 1em;}
#about_heading{padding: 1em; margin: 1em auto; max-width: 900px;}
#our_team{align-self: start; justify-self: center; text-align: center;}
.agent {margin: 3em auto; overflow:hidden; max-width: 900px;}
.agent img {float: right; margin: .5em; border: 1px solid #ddd; border-radius: 4px; padding: 5px; max-height: 100%}


.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #1d2278;
	-webkit-box-shadow: 3px 4px 0px 0px #1d2278;
	box-shadow: 3px 4px 0px 0px #1d2278;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d529d), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #2d529d 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #2d529d 5%, #378de5 100%);
	background:-o-linear-gradient(top, #2d529d 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #2d529d 5%, #378de5 100%);
	background:linear-gradient(to bottom, #2d529d 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d529d', endColorstr='#378de5',GradientType=0);
	background-color:#2d529d;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:1em 2em;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #2d529d));
	background:-moz-linear-gradient(top, #378de5 5%, #2d529d 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #2d529d 100%);
	background:-o-linear-gradient(top, #378de5 5%, #2d529d 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #2d529d 100%);
	background:linear-gradient(to bottom, #378de5 5%, #2d529d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#2d529d',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}


footer{display: flex; justify-content: space-between; flex-wrap: wrap;}
body { font: 18px/1.3 'Open Sans', sans-serif;}
h1{text-align:center; font-family: Merriweather;}
h3 { margin: 0 0 1em 0; font-family: Merriweather;}
input[type=text], select, textarea{
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
input[type=text] { width: 55%; }
.steps_button { font-size: 0.5em; margin-top: 2em;}


/******************* Breakpoints ****************************/
@media (max-width:1375px){ 
#header_title { font-size: 3.5em;}
.nav a {font-size: 1.1em; }
}

@media (max-width:1245px){
	#header_title { font-size: 3em; vertical-align: .4em;}
	#header_img {}
	.mainbutton { font-size: 1.5em;}
}

@media (max-width:1180px){

	.find_line {height: 400px;}
	.find_pic {max-height: 95%;}
	.find_pic img{max-height: 300px; max-width: none;}
	.find_tip {font-size: 1.5em; }
	#contact_info { font-size: .75em; }
	#contact_form {font-size:1em;}
	.mainbutton { font-size: 1.2em; margin: 11em 4.5em;}
}

@media (max-width:1055px){
	#header_title { font-size: 2.5em;}
	#header_img {}
}

@media (max-width:920px){
	#bw_vid { width: auto; text-align: center; display: block;}
	#bw_vid iframe {width:560px; height: 315px;}
	

}

@media (max-width:890px){
.nav {justify-self: center; padding: 0;}
.nav a{ font-size: 1.05em;}	
	.find_line {height: 300px;}
	.find_pic {max-height: 95%;}
	.find_pic img{height: 200px; }
	body {font-size:14px;}
	#contact_button {align-self: start; justify-self: center; margin: 1em 0 0;}
input[type=text], select, textarea{ width: 90%; }
#contact_form {padding: 1em; font-size:1.5em;}
#header_title {text-shadow: none; font-weight: bold;}
	.mainbutton { font-size: 1.3em; margin: 14em 3.5em;}	
}

@media (max-width:700px){
	body {font-size: 12px}
.nav a{ font-size: .9em;}
	.find_line {height: 200px;}
	.find_pic {max-height: 95%;}
	.find_pic img{max-height: 100px; }
.agent {}	
		#cw {order:3; width:100%; text-align: center; padding-top: 10px;}
		.pm_lists{width: 85%;}
}

@media (max-width:655px){	
  .nav ul li  a {display: none;}
  .nav a.icon {  float: right; display: block; font-size: 1.5em; color: white;}
  	#contact_info {margin: 1em auto; font-size: 1.2em;}
	#contact_form {}
   #about_top {flex-wrap: wrap; }
   #about_top iframe {width: 90%; order:2;}
   .contact_boxes {display: flex; justify-content: space-between; width:90%; flex-wrap: wrap;}
	#contact_button {align-self: start; justify-self: center; display: inline-block; vertical-align: top; margin: 1em;}
#ci_about {margin: 1em; display: inline-block;}
#about_heading{}

	
#contact_icons { }

#cw{margin-top: 10px; }
#footer_contact {justify-self: start; }

	#bw_vid iframe {width:420px; height: 236.25px;}
	#bw_vid{ justify-self: center;}

	.mainbutton { font-size: 2em; margin: 6em 20% -2em;}
	
#cu_main {justify-content: center; flex-wrap: wrap;}
#contact_form {order:2; width: 95%; margin: 1em;}
#contact_info {}
}

@media screen and (max-width: 655px) {
	.nav {
text-align: left;
		background: #2D529D;
		padding: 0 0 .9em 0;
	}

	.active {
		text-shadow: 2px 2px 4px #000000;
	}

	.nav ul li a:hover {
		background: none;
		border-radius: 0;
		text-shadow: 2px 2px 4px #000000;
	}
}

  .nav.responsive ul li a {
	color: #CED2DB;
    float: none;
    display: block;
    text-align: left;
	grid-column: 1 / 13;
	font-size: 1.2em;
  }
  
 
 @media (max-width:500px)
 {
	 body {font-size: 10px}
	 #bw_vid iframe {width:280px; height: 157.5px;}
	 
	 .pm_lists {max-width: 95%; order: 2;}
	 .pm_pic {width: 80%;}
	 .pm_line {flex-wrap: wrap;}
	 
	 .bw_text {max-width: 90%; order: 2;}
	 .bw_pic {width: 80%;}
	 .bw_pic img {max-height: 150px;}
 }
  @media (max-width:400px){
	  #cw{font-size: 1em}
#footer_contact {font-size: 1em}
#header_img {}
#header_title img {margin: 0 auto; }
#header_title { font-size: 2em;}
.agent img {width:50%;}
.find_tip {font-size:1.1em;}
  }
  
/** Only make phone numbers clickable on smaller displays **/
  @media screen
and (min-width: 768px) {
   a[href*="tel:"] {
       cursor:default;
	   pointer-events: none;
   }
}