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

Body, Wrapper, Container

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

* {box-sizing: border-box;}

body {background: #fff; font-family: 'Open Sans', sans-serif; box-sizing: border-box; padding-top: 75px;
}

.wrapper {width: 100%;}

.container {width: 82%;}


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

Obligatory Style Overrides

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

h1, h2, h3, h4, h5 {font-weight: bold; font-family: 'Open Sans', serif;}

p {font-size: 16px; color: #333; font-family: 'Open Sans', sans-serif; line-height: 1.6em;}


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

Navbar Styles

========================================================================== */
.navbar {border: none;}

.navbar-header {float: none; background: #29385f;}

.navbar-toggle {display: block; float: left; margin-left: 1em; background: none; border: none; color: #7a8591;}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background: transparent; border: none;}

.navbar-collapse.collapse {display: none!important;}

.navbar-nav {float: none!important; background: #29385f;}

.navbar-nav > li {float: none;}

.navbar-collapse.collapse.in{display:block !important;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background: none;}

.nav {margin: 0 auto; text-align: center; border-top: 1px solid #7a8591; border-bottom: 0!important;}
.nav li {padding: 3em; display: inline-block; border-right: 1px solid #7a8591; width: 250px; height: 185px; text-align: center;}
nav li:first-child {border-left: 1px solid #7a8591;}
.nav li a {font-size: 2em; text-transform: uppercase; color: #7a8591; text-align: center; margin-top: 1em; }
.nav li a:hover {color: #fff; background: none;}

.link_title {color: #7a8591; margin: 0; margin-top: 2em; font-style: italic;}



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

Home Section

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

.home {margin: 0 auto; max-width: 1350px; position: relative; left: 1.25em; /*border-bottom: 25px solid #29385e;*/}

.home_1 {width: 500px; padding: 0; margin: .75em;}
.home_1 img {margin-bottom: 1em;}
/*.home_1 img:hover {opacity: 0.5; transition: 0.5s ease;}*/
.home_2 {width: 250px; padding: 0; margin: .75em;}
.home_2 img {margin-bottom: 1em;}
/*.home_2 img:hover {opacity: 0.5; transition: 0.5s ease;}*/
.home_3 {width: 500px; padding: 0; margin: .75em;}
.home_3 img {margin-bottom: 1em;}
/*.home_3 img:hover {opacity: 0.5; transition: 0.5s ease;}*/

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

Page Grid

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

.page_1 {width: 500px; padding: 0; margin: .75em;}
.page_1 img {margin-bottom: 1em;}
.page_1 img:hover {opacity: 0.5; transition: 0.5s ease;}

.page_2 {width: 500px; height: 765px; padding: 1.25em; margin: .75em; background: #29385e; color: #dee0e3;}
.page_2 p {color: #fff; margin: 2em 0;}

.page_2 img:hover {opacity: 0.5; transition: 0.5s ease;}
.page_3 {width: 250px; padding: 0; margin: .75em;}
.page_3 img {margin-bottom: 1em;}
.page_3 img:hover {opacity: 0.5; transition: 0.5s ease;}



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

Footer Section

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

.footer {width: 1300px; margin: 0 auto; background: #29385e; height: 25px;}



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

Button Overrides

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

.btn-primary {color: #fff; background-color: transparent; border-color: white; margin-bottom: 5px;}
.btn-primary:hover {transition: all 0.3s ease 0s; color: #27A967; background-color: white; border-color: white;}
.btn-excerpt {color: #38aec7; background-color: transparent; border-color: #38aec7; margin-bottom: 5px; margin-top: 1em;}
.btn-excerpt:hover {transition: all 0.3s ease 0s; color: #333;}



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

Media Queries

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

@media (max-width: 1602px) {

	.container {width: 95%;}

}

@media (max-width: 1381px) {

	.container {width: 99%;}

}

@media (max-width: 1327px) {

	.container {width: 70%;}
	.home_3 {display: none;}
	.footer {/*width: 775px;*/ display: none;}
	.home {width: 95%;}

}

@media (max-width: 900px) {
	.home {width: 99%;}
}

@media (max-width: 767px) {

	.navbar-header {border: none;}

	.navbar-collapse.collapse.in {background: #29385f;}
	.navbar-nav {float: none!important; background: #29385f; width: 100%; border: none!important;}

	.navbar-nav > li {float: none;}

	.navbar-collapse.collapse.in{display:block !important; overflow: hidden; max-height: none !important; height: auto !important;}

	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background: none;}

	.nav {margin: 0 auto; text-align: center; border: none;}
	.nav li {display: block; text-align: center; width: 100%; border: none!important;}
	nav li:first-child {border-left: none;}
	.nav li a {font-size: 1.5em; text-transform: uppercase; color: #7a8591; text-align: center; /*margin-top: 1em;*/}
	.nav li a:hover {color: #fff; background: none;}	

	.container {width: 95%;}

	.home {left: 0; margin: 0 auto;}
	.container {width: 99%;}
	img {width: 100%;}
	.home_2 {width: 95%;}
	.page_3 {width: 95%;}
	
}

@media (max-width: 538px) {
	.home {left: 0; margin: 0 auto;}
	.container {width: 99%;}
	img {width: 100%;}
	.home_2 {width: 95%;}
	.page_3 {width: 95%;}
}