@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
	color: #505962;
}

/*----- Nav Scrolling Offset -----*/
.offset:before {
	height: 4rem;
	margin-top: -4rem;
	content: "";
	display: block;
}

/*----- Navigation -----*/
.navbar {
	padding: .7rem 1rem;
	text-transform: uppercase;
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .1rem;
	background: rgba(255, 255, 255, 0.9)!important;
	/*transition: background-color .5s ease 0s;*/
}
.navbar-brand img {
	height: 4rem;
}
.svg-inline--fa.fa-w-14 {
	color: white;
	font-size: 1.6rem;
}
.navbar-nav li {
	padding-right: .8rem;
}
.navbar-nav .nav-link {
	color: #068bc4;
	padding-top: .8rem;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
	color: #505962;
}
.navbar.solid {
	/*background: rgba(0, 0, 0, 0.7)!important;*/
	/*transition: background-color 1s ease 0s;*/
}

/*----- Landing Page -----*/
.home-inner {
	background-image: url('img/blueyeris_bg.png');
}

/*----- Extra Bootstrap Column Padding -----*/
[class*="col-"] {
	padding: 1rem;
}


/*----- Our Focus Section -----*/
.narrow {
	width: 75%;
	margin: 0 auto;
	padding-top: 2rem;
}


footer {
  /*background: url('img/footer/footer.jpg') no-repeat;*/
  background-color: #ababb0;
  background-size: cover;
  color: white;
}

/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/