@font-face {
    font-family: AgencyFB;
    src: url(../fonts/Agency_FB.ttf);
}

body {
	position: relative;
    font-size: 13px;
    color: rgb(218, 165, 32);
    padding-top: 50px;
}

p {
    padding: 10px;
}

#wrapper {
	font-family: AgencyFB;
}

.navbar {
    border-left: 0px;
}

.navbar-header {    font-family: AgencyFB;
    color: rgb(218, 165, 32);}

.f-nav {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgb(0, 0, 0);
	font-weight: bold;
	font-family: AgencyFB;
    color: rgb(218, 165, 32);
}

	#section0, #section1, #section2, #section3, #section5 {
	background-color: rgb(128, 0, 32);
	border-bottom: 1px dotted rgb(0, 0, 0);
}
#section4 {
	height: 10px;
}

#logohead {
	margin-left: 45%;
}

#logotop0 {
	margin-top: -64px;
	margin-left: 45%;
}

#logobot0 {
	margin-top: 402px;
	margin-left: 45%;
}

#logobot1, #logobot2, #logobot3 {
	margin-top: 467px;
	margin-left: 45%;
}

.page {
	height: 75vh;
	color: #fff;
}

#socmed {
	vertical-align: middle;
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: @screen-sm-min) {
	body {
		background: green;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: @screen-md-min) {
	body {
		background: blue;
	}	
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: @screen-lg-min) {
	body {
		background: red;
	}	
}