body {
	background: #184541;
	margin-top: 0;
	margin-bottom: 50px;
	background: none;
}

.logo { width: 200px }

.full {
  background: url("../img/bg-about-us.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.panel {
	background-color: transparent;
	border-radius: 0;
}

.panel--logo { background: #fff; padding: 20px 0 10px 0; }
.panel--links {
    position: absolute;
    top: 50%;
    background-color: transparent;
    z-index: 100;
    height: 200px;
    margin-top: -100px;
	font-size: 20px;
	font-family: "Source Sans Pro", sans-serif;
}
.panel--links ul { padding: 0; }
.panel--links a { color: #fff; display: relative; }
.panel--links a:hover { background: #fff; color: #153b34; text-decoration: none; }
.panel--links li { font-size: 30px; list-style-type: none; padding-left: 0; }
.panel--links li  .fa { display: block; float: left; margin: 6px 10px 0 0; text-align: center; width: 50px; }
.panel--links li:hover { background: #fff; }



/*==========  Mobile First Method  ==========*/

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	.logo { width: 400px; }
	.panel--links { width: 100%; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.panel--links { width: 750px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.panel--links { width: 960px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.panel--links { width: 1170px; }
}