/**************TYPOGRAPHY*************/
h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #2673b3;
	text-transform: uppercase;
}
h2, h3{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #d9230f;
}

.small{
	font-size: 85%;
}

.nav a{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.nav .navbar-nav a{
	color: #2673b3;
}
.navbar-brand{
	text-transform: uppercase;
	color: #2673b3;
}
#social{
	text-transform: uppercase;
	color: #2673b3;
	text-align:right;	
}
#social a{
	color: #2673b3;
}
.fa-square:hover{
 	color: #71a9d7;
}

/**************LAYOUT*****************/
/*_____NAV________*/
.navbar-brand{
	padding-bottom: 10px;
}

/*______JUMBOTRON_____*/
#jumbo{
	height: 100%;
	background-image:url('img/snow.png');
}
#jumboleft{
	background-color: none;
}
#jumboright{
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 120px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 90px;
  background-color: #f5f5f5;
}


/**************ETC*******************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn-info a{
  background-color: #2673b3 !important;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.centered{
    text-align:center;
}
/*****************MEDIA QUERIES**************/

/* Landscape phones and up */
@media (min-width: 481px) {
#jumboleft h1{
	color: #fff;
	font-size: 250%;
	padding:0 10px;
	text-transform: uppercase;
	text-align: center;
}
#jumboleft p{
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 120%;
	color: #fff;
	text-align: center;
}
.desktop-only {
        display:block !important;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
#jumboleft h1{
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
#jumboleft p{
	padding: 10px 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.desktop-only {
        display:none !important;
    }