@import url(/fonts/LeagueGothic.css);
@import url(/fonts/Periodico.css);

body {
    font-family: 'League Gothic', serif;
}

h1 {
    font-size: 110%;
    color: black;
}

h2 {
    font-size: 225%;
}

h3 {
    font-size: 200%;
}

h4 {
    font-size: 150%;
}

p, li, strong {
    font-family: 'Periodico', sans-serif;
}

a:link, a:visited {color: #990026;}
a:hover, a:active {color: gray;}

/* --------------------Navigation Bar------------------------ */

.navbar-brand,
.navbar-nav li a {
    font-size: 200%;
    line-height: 50px;
    height: 50px;
    padding-top: 0;
	font-family: 'League Gothic', serif;
}

nav ul {
    padding-right: 60px;
}

nav img {
    max-height: 150px;
    position: fixed;
    z-index: 10;
    margin-left: 20px;
}

nav img:hover {
    -webkit-filter: brightness(120%); 
    filter: brightness(120%);
}
/* -----------------------------------Banner----------------------- */

.banner{
    margin-top: 60px;
    text-align: center;
    font-size: 300%;
    height: 100px;
    padding-top: 5px;
    text-transform: uppercase;
}

#flipped-img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.banner h1 {
    
}

.banner img {
    width: 100%;
    max-width: 400px;
}

#myCarousel {max-height: 400px; overflow: hidden; top: 50px;}


/* ------------------- Footer -------------------- */

footer {
    color: white;
    background: #990026;
    padding: 10px;
}

footer p, footer h4 {
    text-align: center;
    text-indent: 0px;
	line-height: 150%;
}

footer h4 {
	font-size: 200%;
}

footer span.glyphicon {
    margin-top: 25px;
    padding-left: 30%;
    font-size: 400%;
    color: rgb(222, 218, 196);

}

footer span.glyphicon:hover {
    opacity: 0.5;
}

footer img {
    padding: 15px;
    min-width: 75px;
    max-height: 100px;
    display: block;
    margin: auto;
}

footer img:hover {
    opacity: 0.5;
}

#mc_embed_signup label {
    text-align: center;
    height: auto;
	font-size: 200%;
	font-weight: normal;
}

#mc_embed_signup input#mce-EMAIL {
    width: 100%;
    border-radius: 5px;
    color: black;
}

#mc_embed_signup input#mc-embedded-subscribe {
    width: 100%;
    border-radius: 5px;
    color: white;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 150%;
	min-width: 100%;
}

#mc_embed_signup input#mce-EMAIL-top {
    width: 100%;
    border-radius: 5px;
    color: black;
}

/* ----------------Forms ------------- */

label {
    padding: 6px;
}
.textarea {
    height: 70px;
    width: 100%;
    font-size: 75%;
    margin-bottom: 15px;
}

.btn-global {
	background-color: #990026;
	color: white;
	font-size: 150%;
	font-family: 'League Gothic', serif;
	text-transform: uppercase;
}

a.btn-global:link, a.btn-global:visited {color: #e0e0e0;}
a.btn-global:hover, a.btn-global:active {color: gray;}

/* ------------ Content ------------ */

#banner-img {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.panel-default > .panel-heading {
    
    background: rgb(132, 21, 24);
    background: linear-gradient(rgba(132, 21, 24, 1), rgba(132, 21, 24, 0.8));
    color: white;
    width: 100%;
    height: 50px;

}


.panel-heading h2, .panel-heading h3 {
    position: relative;
    top:-20px;
	
}
.panel-body h3 {
    margin-top: 10px;
}


.panel {
    background: rgba(222, 218, 195, 0.4);
    color: black;
}

.panel img {
    width: 100%;
}

#box-shadow {
    box-shadow: 2px 2px;
}



@media only screen and (max-width:768px) {
    nav img {
        width: 25%;
    }
    nav li a{
        text-align: center;
    }
    
    nav ul {
        padding-right: 0px;
    }
    
    .banner-img {
        display: none;
    }

}