@charset "UTF-8";
@import url("../webfonts/buttercup_sample/stylesheet.css");
/* CSS Document */

.navbar-default {
	background-color: #b01f3d; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #b01f3d, #5a071d);
}

.container-fluid .navbar-header .navbar-brand {
	font-family: "buttercup sample";
	color: #FFFFFF;
	font-size: 44px;
	margin-right: 1em;
	margin-left: 1em;
}

.container-fluid .navbar-header .navbar-brand a:active {
	font-family: "October Twilight";
	color: #FFFFFF;
	font-size: 36px;
	margin-right: 1em;
	margin-left: 1em;
	background-color: none;
}
.container-fluid .navbar-header .navbar-brand a:active {
	font-family: "October Twilight";
	color: #FFFFFF;
	font-size: 36px;
	margin-right: 1em;
	margin-left: 1em;
	background-color: none;
}
.nav.navbar-nav .active a {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	background-color: none;
	width: 14em;
	text-align: center;
}
.nav.navbar-nav .active a:hover {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	color: #002060;
	background-color: none;
	width: 100%;
	text-align: center;
}
.nav.navbar-nav .active a:hover {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	color: #002060;
	background-color: none;
	width: 100%;
	text-align: center;
}
.nav.navbar-nav li a {
    color: #FFFFFF;
    font-family: muli;
    font-style: normal;
    font-weight: 300;
    width: 100%;
    text-align: center;
    padding-right: 3em;
    background-color: none;
}
.nav.navbar-nav li a:active {
    color: #FFFFFF;
    font-family: muli;
    font-style: normal;
    font-weight: 300;
    width: 100%;
    text-align: center;
    padding-right: 3em;
    background-color: none;
}

.nav.navbar-nav li a:hover {
	color: #5A071D;
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	width: 100%;
	text-align: center;
	background-color: none;
}
h1 {
	font-family: 'October Twilight';
	margin-top: 20%;
	margin-bottom: 20%;
}

h2 {
    font-family: muli;
    font-style: normal;
    font-weight: 300;
    color: #000000;
    margin: 0 auto;
    display: block;
    text-align: center;
}



h3 {}

h4 {}

h5 {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	text-align: center;
}

p {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	text-align: center;

}

.btn.btn-success {
	border: none;
	background-color: #b01f3d;
	font-family: muli;
	font-style: normal;
	font-weight: 300;
}

.btn.btn-success:hover {
	background-color: #5a071d;
}

.btn.btn-success:active {
	background-color: #999999;
}

.row .text-center {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
}
.fa  {
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	padding-right: 5px;
}

.fa:hover {
    opacity: 0.7;
}
.col-xs-12.text-center h2 a {
	color: #000000;
}
.col-xs-12.text-center h2 a:hover {
	color: #000000;
	text-decoration: underline;
}
.col-lg-4.col-md-4 #social-icons  {
	max-width: 10em;
	display: block;
	margin: 0 auto;
}
.row .col-xs-12 h1 {
    font-family: "buttercup sample";
    color: #b01f3d;
}

@media (max-width: 768px){
	
	.nav .navbar-nav ul {
	visibility: collapse;		
	}
	
	.nav.navbar-nav li a {
	color: #FFFFFF;
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	width: auto;
}
	.container-fluid .navbar-header .navbar-brand {
	float: left;
	font-family: "October Twilight";
	color: #FFFFFF;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 2em;
}
		.nav.navbar-nav li a:hover {
	color: #FFFFFF;
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	width: 100%;
	list-style-type: none;
	}
	.nav.navbar-nav .active a {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	background-color: #00d0cc;
	width: 14em;
	text-align: center;
}
.nav.navbar-nav .active a:hover {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	background-color: #00d0cc;
	width: 0em;
	text-align: center;
}	
}