body{
	font-family: 'Rubik', sans-serif;
	overflow-x: hidden;
}
.container{
	max-width:1350px;
	margin:0 auto;
}
.logo{
	margin:0 auto 0 0;
	padding-top: 20px;
	padding-bottom: 15px;
}
.social-top{
	margin-top:-6px;
}
.phone{
	color:#025367;
	font-size:32px;
}
p, .hometext{
	font-size:18px;
}
.hometext{
 	font-weight: 600;
}
h1, h2, .hometext{
	color:#222a5e;
}

.box{	
	
	height:250px;
	text-align: center;
	border-radius: 30px;
	border:solid 4px #fff;
}
.box1{
background-image:url("../images/box3.jpg");	
	background-position:center;
}
.box2{
background-image:url("../images/box2.jpg");	
background-position:center;
}
.box3{
	background-image:url("../images/box.jpg");
		background-position:center;
}
.box-pad{
	
}

.box-text, .box-text a {
	color:#fff;
	font-size:24px;
	font-weight: 500;	
	padding:5px;
	text-align: center;
	
}
.doc{
	float: left;
	padding-right: 15px;
}
.btn-primary{
	background-color:#2759a7;
	background-image: url("../grad.svg");
	font-weight:500; 
	font-size:18px;
}
.calltoaction{
	background-color:#2759a7;
	background-image:url("../images/calltoaction.jpg");
	background-position: center;
	text-align: center;
	padding-top:100px;
	padding-bottom:100px;
	color:#fff;
}
/*map*/
.map{
	height:350px;
	width:100%;
	margin-bottom:-7px;
}
footer{
	border-top:solid 4px #007bb0;
}
.copyright, .copyright a{
	text-align: center;
	background:#007bb0;
	color:#fff;
}
/**NAVBAR**/

.navbar { /* navbar styles */
	background-color:transparent;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#464646;
  font-size:17px;
  text-transform: uppercase;
	font-weight: 500;
}

.nav-link:hover {
  color:#025367; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#000;
	text-transform: uppercase;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#000;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.map-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.map-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
		
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
		text-transform: uppercase;
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}





/**END NAVBAR**/


/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	.logo{
		margin:0 auto;
	}
	.box{
		margin:7px 0px;
	}
	.doc{
		float: none;
		margin:0 auto;
	}
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	.box1{
background-image:url("../images/box3lg.jpg");	
	background-position:center;
}
.box2{
background-image:url("../images/box2lg.jpg");	
background-position:center;
}
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {

}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
.nav-link {
	font-size: 15px;
}
	.phone{
		font-size: 28px;
	}
}
/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar{
		transform: translate(45px,0)!important;
	}
	.nav-link{
		font-size: 16px;
	}
}

/**XLG**/
@media (min-width: 1200px) {
.navbar{
		transform: translate(75px,0)!important;
	}
}