@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
        url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
        url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background-color: #a8b57b; font-size: 19px;}

#container {max-width: 100%; margin: 0 auto; maXrgin-top: 0px;}
#conbar {margin-left: 78px; margin-right: 78px; margin-top: 20px; background-color: #fcf; padding: 20px 30px 25px 30px;}
#main {margin-left: 78px; margin-right: 78px; marXgin-top: 0px; background-color: #fff; padding: 20px 30px 0px 30px;}
#footer {margin-left: 78px; margin-right: 78px; margin-top: 0px; background-color: rgba(85,116,0,1); background-image: linear-gradient(#444, rgba(85,116,0,0.8)); padding: 20px 30px 25px 30px; color: #f70; text-align: center; font-size: 20px;}

#conbar {background-color: rgba(85,116,0,0.8); background-image: linear-gradient(#444, rgba(85,116,0,0.8)); margin-bottom: 0px; color: #fff; font-size: 24px; padding: 10px;}
#conbar2 {background-color: rgba(85,116,0,0.8); color: #fff; font-size: 24px; padding: 5px;}

#nav-wrap {height: 70px; margin-bottom: 40px;}
.nav {color: #fff;}
.navbar {padding: 15px 60px 25px 15px; background-color: rgba(85,116,0,0.8); border-bottom: 1px solid #ffffff;}
.navbar-brand {font-family: 'Arial', serif; padding-left: 60px; font-size: 27px; font-weight: 700; margin: 0; font-size: 40px; text-shadow: 3px 6px 4px #000000;}
.navbar-brand a {color: #999;}
.navbar-nav > li > a {font-size: 20px; color: #ffffff;}
.nav-item {color: #ffffff; padding-right: 14px;}

.navbar2 {color: #999999; font-size: 20px; padding: 10px 15px 10px 15px; background-color: rgba(85,116,0,1);}
#hrbott {position: absolute; bottom: 65px; border-width: 1px; border-color: #ffffff; color:#ffffff; padding: 0px; margin: 0px;}

h1 {width: 100%; padding: 10px; background-color: rgba(85,116,0,1); background-image: linear-gradient(#444, rgba(85,116,0,0.8)); color: #fff; font-size: 18px;}

#conbar a {color:#fff; text-decoration:none;}
#conbar a:hover {color: #222; text-decoration:none;}
#conbar2 a {color:#fff; text-decoration:none;}
#conbar2 a:hover {color: #222; text-decoration:none;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color: #222; text-decoration:none;}

#logo {width: 80%; margin: 0 auto; margin-top: 10px; margin-bottom: 20px;}
.logo {width: 100%; min-width: 400px;}

#abXout {paddinXg-top: 100px;}

span.anchor {margin-top: -80px; display: block; height: 80px; visibility: hidden; position: relative;}

#closed {width: 100%; padding: 10px; background-color: red; color: #fff; font-weight: 700; text-align: center;}

/*=================================================================
  RESPONSIVE CSS
==================================================================*/
@media (min-width: 1200px)
{
#conbar {margin-left: 120px; margin-right: 120px;}
#main {margin-left: 120px; margin-right: 120px;}
#footer {margin-left: 120px; margin-right: 120px;}
}

@media (max-width: 991px)
{
#hrbott {position: absolute; bottom: 102px;}
#conbar {margin-left: 30px; margin-right: 30px;}
#main {margin-left: 30px; margin-right: 30px;}
#footer {margin-left: 30px; margin-right: 30px;}
}

@media (min-width: 400px) and (max-width: 480px)
{
#hrbott {position: absolute; bottom: 100px;}
}