/* CSS used here will be applied after bootstrap.css */

/* consider using "panels" for your boxes */
/* consider using "dropdown" for your menus */
/* consider using "collapsible" for show/hide text (collapsible-panel for opening panel rows) */
/* consider using "nav nav-tabs" for your tabs */
/* consider using "navbar" with dropdown for your navigation bar at the top of the screen */
/* consider using "affix" to lock your menus */

	
	
.navbar-fixed-left {
  	/* width: 180px; */
	width: 200px;
	position: fixed;
	border-radius: 0;
	height: 100%;
	/* background-color:#566273; */
	border-width: 0px;
	border-color: black;
}

.biggerLi {
  font-size:3em;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  /* width: 139px; */
}

.navbar-fixed-left + .container {
  padding-left: 200px;
}


.container {
  /* height: 1000px; */
	margin-left: 0px;
	border-width: 1px;
	border-color: green;
}

.wrapper {
  margin-left: 10px;
  margin-top:0px;
	border-width: 10px;
	border-color: red;
}


.branding {
	font-size: 1.5em;
	line-height: 1.5em;
}


.scroll-wrapper {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

.scroll-wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 500px;
}




div#heroBackground {
	/* background-image:url('assets/hero.jpg'); 
	background-image:url('../img/Hero1.png'); */
	height:300px;
	width:100%;
	/* background-size: cover; */
	/* color:#fff; move this to div hero#background */
	padding:0px;
	/* background-repeat: no-repeat; */
	/* padding-left:180px; 
	padding-left:200px;*/
}
.hero0 {
	background-image:url('../img/Meeting2.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.hero1 {
	background-image:url('../img/Hero1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.hero2 {
	background-image:url('../img/Hero2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.hero3 {
	background-image:url('../img/Meeting2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.hero4 {
	background-image:url('../img/BlackBoard.png');
	background-repeat: no-repeat;
	background-size: cover;
}


img.maxheight {
 max-height:300px;
}

#box-wrapper{
	background-image: url('../img/BlueGraph.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100%;
	margin-bottom: 0;
}

#OneStopShop {
	color: white;
	text-align: center;
	text-shadow: 2px 2px 4px #000000;
	font-family: 'Oswald', sans-serif;
	font-weight:800;
}
#panel-wrapper1{
	background: none;
	border: none;
}


div#heroBackground h1 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	font-size: 4em;
}

h2.blue {
  /* font-size:1.5em; */
	font-family: 'Oswald', sans-serif;
	font-weight:300;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	/* color: #337AB6; */
	color: #274570;
	text-align: center;
}

h3.blue {
  /* font-size:1.25em; */
	font-family: 'Arial', sans-serif;
  	/* color:#6ce0ff; */
	/* color:#476084; */
	/* color: #5FB5D6; */
	color: #274570;
	text-align: center;
}


.navbar {
      margin-bottom: 0;
      border-radius: 0;
    }

#footer0 {
		background-color: #222;
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		text-align: center;
		color: white;
    }

.v-center {
	display: flex;
	/* justify-content: center; */
	justify-content: flex-end;
	flex-direction: column;
	height: 300px; 
}


.v1-top {
	display: flex;
	/* justify-content: center; */
	justify-content: flex-end;
	flex-direction: column;
	/* height: 300px; */
}

p.main {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
}
li.main {
	font-family: 'Ariel', sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 300;
}



p.minor {
	font-family: 'Ariel', sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: 300;
}
li.minor {
	font-family: 'Ariel', sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: 300;

}

@media(max-width:767px){

.navbar-fixed-left {
  width: inherit;
  position: inherit;
  border-radius: inherit;
  height: inherit;
}

 .navbar {
    margin-bottom:0;
  }

.navbar-fixed-left .navbar-nav > li {
  float: inherit;  /* Cancel default li float: left */
  width: inherit;
}

.navbar-fixed-left + .container {
  padding-left: inherit;
}

.container {
  height: inherit;
}

.wrapper {
  margin-left: inherit;
}


div#heroBackground {
  padding-left:inherit;
}

div#heroBackground {
  padding-left:inherit;
}

}