@font-face {
    font-family: 'Allura';
    src: url('/css/application/fonts/Allura-Regular.eot');
    src: url('/css/application/fonts/Allura-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/application/fonts/Allura-Regular.woff2') format('woff2'),
        url('/css/application/fonts/Allura-Regular.woff') format('woff'),
        url('/css/application/fonts/Allura-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goudy_old_styleregular';
    src: url('/css/application/fonts/GoudyOldStyleT-Regular.eot');
    src: url('/css/application/fonts/GoudyOldStyleT-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/application/fonts/GoudyOldStyleT-Regular.woff2') format('woff2'),
        url('/css/application/fonts/GoudyOldStyleT-Regular.woff') format('woff'),
        url('/css/application/fonts/GoudyOldStyleT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	color: #424242;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	background-color: #FFF;
}

.container {

}

.container-logo {
	padding-bottom: 20px;
    padding-top: 10px;
    position: fixed;
    z-index: 999;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.1s ease;
    background-color: #c99700;
}

.logo {
  text-align: center;
}
.logo img {
	width: 165px;
	margin: 0 0 0 28px;
}
#outer_content_wrapper {
	margin: 150px auto 0 auto;
}

h2 {
	margin-top: 0;
	font-size: 42px;
	font-weight: bold;
	color: #c99700;
	text-transform: uppercase;
	font-family: 'goudy_old_styleregular', serif;
}
h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-family: 'goudy_old_styleregular', serif;
}
hr {
	border-color: #F3ECDE;
}

.text-primary, .text-danger, em {
    color: #a87800;
}

.btn-info {
    background-color: #c99700;
    border-color: #c99700;
    color: #FFF;
    border-radius: 0px;
    font-family: 'goudy_old_styleregular', serif;
    text-transform: uppercase;
}
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active {
    background-color: #a87800;
    border-color: #a87800;
    border-radius: 0px;
}
a {
	color: #c99700;
}
a:hover {
	color: #a87800;
}

@media screen and (max-width: 1024px) {
  .container-logo {
   background-color: #424242;
   padding-top: 29px;
  }

  .logo {
   	text-align: left;
  }  

  .logo img {
    width: 286px;
    margin: 0 0 0 14px;
  } 


}
