/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }


@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    src: url(../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: bold;
    src: url(../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf);
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    src: url(../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 120%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  line-height: 1.4;
  font-family: 'Source Sans Pro', sans-serif;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

iframe{
	border: none;
	width: 100%;
	height: 450px;
}

.container .text-muted {
  margin: 20px 0;
}

footer a, footer a:hover, footer a:focus, footer a:active{
	color: #77000E;
}

#carousel-header-small img{
	width: 100%;
}

nav a.navbar-brand{
	padding-top: 12px;
}

nav a.navbar-brand img.logo{
	width:84px;
}

.navbar-default {
	background-color: #e2e2e2;
	border-color: #990012;
}

.navbar-default .navbar-nav > li > a{
	color: #333333;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: #990012;
	color: #ffffff;
}

.dropdown-menu > li > a{
	padding: 3px 10px;
}

.header{
	text-align: center;
	font-size: 80%;
}

.header h1{
	font-size: 2.618rem;
	line-height: 2.618rem;
	margin: 1rem 0;
}

.header h2{
	font-size: 1.618rem;
	line-height: 1.618rem;
	margin: 0;
}

.item{
	height: auto;
}

.main-text {
    color: #fff;
    position: absolute;
    top: 220px;
    width: 80%;
    left: 150px;
    text-align: left;
}

.navbar-nav > li > a{
	line-height: 26px;
}

h1{
	font-size: 4.236rem;
	line-height: 4.236rem;
	margin: 1.618rem 0;
}

h2{
	font-size: 2.618rem;
	line-height: 2.618rem;
	margin: 0;
}

section h3{
	color: #990012;
	font-size: 1.618rem;
	line-height: 1.618rem;
	margin: 1.618rem 0;
}

section h3::before{
	content: "- ";
	color: #990012;
}


h4{
	text-transform: uppercase;
	margin-left: 17.942rem;
	font-weight: bold;
}

p,a,li,td,tr,dl,h4, figcaption{
	font-size: 1rem;
	line-height: 1rem;
}

dt::after{
	content: ":";
}

section#contact div.row{
	margin-bottom: 2.618rem;
}

section#contact a, section#contact a:hover, section#contact a:focus, section#contact a:active{
	color: #77000E;
}

.note{
	margin: 0 0 1rem 0;
}

figcaption{
	margin: 1rem 0;
}

figure, figcaption{
	text-align: center;
}

section figure img{
	width: 50%;
	max-width: 150px;
}

.header-image{
	padding-top: 51px;
}

.header-image img{
	width: 100%;
}

@media (max-width: 992px) {
	footer a, footer p{
		font-size: 0.618rem;
	}
}


@media (max-width: 767px) {
	body {
		/* Margin bottom by footer height */
		margin-bottom: 100px;
	}
	
	footer {
		height: 100px;
	}
	
	footer .text-right, footer .text-left, footer .text-center{
		text-align: center;
	}
	
	.container .text-muted{
		margin: 10px 0;
	}
	
	.item {
		height: 300px;
	}
	
	h4{
		margin-left: 0;
	}
}