@charset="UTF-8";

/* CSS Document */


div#sidebar {
	width: 20%;
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url('../img/BCITVerticalLogoLato.png');
	background-size: cover;
}

div#content {
	margin-left: 20%;
}

header {
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 85%;
}

h1 {
	display: inline;
	font-family: Helvetica Neue, Avenir, Futura, sans-serif;
	font-size: 4em;
	font-weight: 500;
	color: #3b7b7e;
	margin-bottom: 0.5rem;
}

h1 strong {
	font-weight: 500;
	color:#be3137;
}

h1:nth-of-type(2) {
	font-size: 3rem;
}

h2 {
	font-family: Helvetica Neue, Avenir, Futura, sans-serif;
	margin-top: 5%;	
	color:#555555;
}

h3.w3-bar-item {
	font-family: Lato, Avenir, Futura, sans-serif;
	font-size: 3rem;
	font-weight: 500;
	margin-top: 200px;
	color: #000000;
}

h3.w3-bar-item:nth-of-type(2) {
	margin-top: 1%;
}

h3 {
	font-family: Lato, Avenir, Futura, sans-serif;
	font-size: 2rem;
	color: #be3137;
}

h3.place {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 80px;
	margin-bottom: 20px;
}

h4[class="panel-title"] {
	font-family: Lato, Avenir, Futura, sans-serif;
	font-size: 1.5rem;
	color: #ffffff;
}

div[class="panel panel-default"] div[class="panel-heading"] {
	border-radius: 5px;
	background-color: #418588;
}

.w3-color, .w3-bar-item {
	background: rgba(0, 125, 125, 0);
}

.w3-bar-item {
	font-family: Avenir Next, Futura, sans-serif;
	font-size: 1.5rem;
	margin-left: 10%;
	color: #ffffff;
}

a.w3-bar-item {
	margin-left: 20%;
	text-decoration: none;
}

#accordion {
	width: 80%;
	margin-top: 100px;
	margin-left: auto;
	Margin-right: auto;
}

p {
	font-family: Avenir Next, sans-serif;
	font-size: 1.15rem;
}

img {
	width: 100%;
}

footer {
	 margin-top: 10%;
}

.center {
	margin-right: auto;
	margin-left: auto;
	width:75%;
}

#center {
	align-self: center;
	text-align:center;
}

@media screen and (max-width: 950px) {
	div#sidebar {
		width: 100%;
		height: auto;
		position: relative!important;
		background-attachment: scroll;
		background-image: url('../img/BCITVerticalLogoLato.png');
		background-size: cover;
		animation:animatetop 0.4s;
		@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
	}
	div#content {
		margin-left: 0;	
	}
	button.w3-xlarge {
		float: right;
		margin-right: 10%;
	}
	button.w3-bar-item {
		float: right;
		margin-right: 10%;
	}
	h3.w3-bar-item {
		margin-top: 0%;
		margin-left: 50%;
	}
	a.w3-bar-item {
		margin-left: 60%;
	}
}

@media screen and (max-width: 550px) {
	h3.w3-bar-item {
		margin-top: 0%;
		margin-left: 30%;
	}
	a.w3-bar-item {
		margin-left: 40%;
	}

}