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

a:hover {
	color: #85CE3D;
	text-decoration: none;
}


/* Main content container div - adds padding for overlapping navbar*/
.mainBody {
	padding-top: 40px;	
}

/*Homepage headers*/
.headerAlignment {
	margin-bottom: 25px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  
}

/*Page titles of inside pages*/
.mainHeader {
	margin-bottom: 30px;

}

/*formatting for subheaders on inside pages*/
.ptitle {
	font-weight:bold;
	margin-top: 35px;
}

/*coding for back to top link on hearing page*/
.topPayments {
	margin-bottom: 70px;	
}

/*coding for back to top link on hearing page */
.topBrands {
	margin-bottom: 50px;	
}

/*Navigation*/
.navbar {
  background-color: #2d3e82;
}
.navbar .navbar-brand {
  color: #ffffff;
  font-size: 1.3rem;
}

.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #000000;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #000000; 
}
/*links in bar*/
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  font-size: .95rem;
  
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #85CE3D;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #2d3e82;
  border-color: #2d3e82;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #85CE3D;
  background-color: #2d3e82;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #2d3e82;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #85CE3D;
}
.navbar .navbar-toggle {
  border-color: #2d3e82;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #2d3e82;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #85CE3D;
}

/*removes blue box from dropdown when clicked in Safari*/
.dropdown a {
	  outline: none !important;
      box-shadow: none;
}


/*Header*/
.jumbotron {
	background-image: url(/images/eyes-rite-office.jpg);
	background-size: cover;
	color:#FCFCFC;
	background-position: 50% 40%;
	background-repeat: no-repeat;
	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
	position: relative; width: 100%;
}
.jumboText {
	position: absolute; 
}
	

/*Awards Div*/
.awardService {
	background-color: #2d3e82;
	color: #ffffff;
	font-size: .86rem;
	margin-bottom: 2.1875rem;
	padding-top: .625rem;
	padding-bottom: .05rem;
}

/*About Us*/
.jonesImage {
	max-width: 100%;
}

.aboutText {
	padding-right: 60px;
}

.aboutLearnmore {
	float: right;
}

.rowAbout {
	margin-bottom: 30px;
}

/*Our Services*/
.circleBase {
	border-radius: 50%;
    behavior: url(PIE.htc);
	position: relative;

}

.circleBase img {
	position:absolute;
	bottom:0;
	top:0;
	
	left: 0;
	right: 0;
	margin: auto
	
	}
.circleType {
    width: 100px;
    height: 100px;
    background: #2d3e82;
    border: 1px solid #2d3e82;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.9375rem;
}

.servicesHeaders {
	font-weight:bold;
	text-transform: uppercase;
}

.rowServices {
	margin-bottom: 83px;	
}

/*Promotions*/

#promotionTextbox {
	background-color: #2d3e82;
	color: #ffffff;
	padding: 25px;
}
.promoLearnlink {
	color: white;
	float: right;
}

.promoLearnlink:hover {
	color: #85CE3D;
	text-decoration: none;
}

 #promotionTextbox h3 {
	font-size: 1.2rem;
}

/*Google Map*/

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin-bottom: 60px;
	border: none;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	border: none;
}


/*Footers*/
.footerOne {
	background-color: #2d3e82;
	font-size: .75rem;
}

.footerOne a {
	color: #ffffff;
}

.footerOne a:hover {
	color: #85CE3D;
}

.footerTwo {
	background-color: #999999;
	font-size: .68rem;
}


.footerOne, .footerTwo {
	color: #ffffff;
	
}

.headerBackground {
	background-color: #d8ccb2;
}



/*Responsive Media*/

@media (min-width: 992px) {
 	.jumbotron {
	min-height: 850px;
	}

	/*control width of main body on larger screens*/
	  #mainBody, #awardSection, #footerSection{
        max-width: 960px;
    }	
}

@media (max-width: 991.98px) {
 	.jumbotron {
	min-height: 500px;
	}	
}

@media (max-width: 575.98px) { 
	.jumboText h1 { 
	font-size: 3.2rem;
	text-align:center;
	}

	.jumboText h2 {
	font-size: 1.7rem;
	text-align:center;
	}
	
	.jumboText {
	position: absolute; 
	bottom: 50px;
	right: 20px;
	}
	
	 .aboutText {
	padding-right: 10px;
	margin-bottom: 30px;
	}
		
}

@media (min-width: 576px) and (max-width: 991.98px) { 
	.jumboText h1 { 
	font-size: 3.25rem;	
	text-align:right;
	}

	.jumboText h2 {
	font-size: 2.25rem;	
	text-align:right;
	}
	
	.jumboText {
	bottom: 60px;
	right: 30px;
	}

}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.jumboText h1 { 
	font-size: 4.7rem;
	text-align:right;
	}

	.jumboText h2 {
	font-size: 3rem;
	text-align:right;
	}
	.jumboText{
	bottom: 155px;
	right: 30px;
	}
	

}

@media (min-width: 1200px) {
	.jumboText h1 { 
	font-size: 5.3rem;
	text-align:right;
	}

	.jumboText h2 {
	font-size: 3.5rem;
	text-align:right;
	}
	.jumboText{
	bottom: 120px;
	right: 105px;
	}
	
}

/*Brand name change for various screen sizes*/

@media (min-width: 766px) and (max-width: 850px) {
	.navbar .navbar-nav .nav-link {
  color: #ffffff;
  font-size: .83rem;  
	}
}

@media (max-width: 366.98px) {
    .navbar-brand.largeScreen {
        display: none;
	}
		.navbar-brand.smallScreen{
		font-size: 1rem;	
    }
}

@media (min-width: 367px) and (max-width: 440.98px) {
    .navbar-brand.largeScreen {
        font-size: 1rem;
	}
	.navbar-brand.smallScreen {
		display: none;	
    }
}

@media (min-width: 441px) {
    .navbar-brand.smallScreen {
        display: none;
    }
}