@font-face {
    font-family: 'galano_classic_demoregular';
    src: url('../fonts/rene_bieder_-_galano_classic_demo-webfont.eot');
    src: url('../fonts/rene_bieder_-_galano_classic_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rene_bieder_-_galano_classic_demo-webfont.woff2') format('woff2'),
         url('../fonts/rene_bieder_-_galano_classic_demo-webfont.woff') format('woff'),
         url('../fonts/rene_bieder_-_galano_classic_demo-webfont.ttf') format('truetype'),
         url('../fonts/rene_bieder_-_galano_classic_demo-webfont.svg#galano_classic_demoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 

.container{
	margin: 0 auto;
}

html{
	font-size: 100%;	
}

.navbar-inverse {
	background-color: #00a1a8;
	border-color: #00a1a8;
}

h1, h2, h3, h4, h5, h6{font-family: 'galano_classic_demoregular', Arial, Helvetica, sans-serif;}

h1{
	text-align: center;
    text-transform: uppercase;
	font-size: 3rem;
	font-weight: bolder;
    color: white;
}

h2{
	color: #FFFFFF;	
	padding-bottom: 1em;
	font-weight: bold;
}

.content-center{
	width: 75%;
	margin: 0 auto;	
}


#bio, .Column1, #Column2{float: left; width:50%; padding: 0 1em;}


#teal, #channelorange, #bio-header{
	color: #00a1a8;
	text-align: center;
	padding-bottom: 1em;
}

body{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #010101;
	background: #f2f2f2;
	line-height: 1.5;
	}

p{font-family: 'Lato', Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto 1em 0}


ul.nav.navbar-nav{
  font-family:'galano_classic_demoregular', Arial, Helvetica, sans-serif;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  color: #FFF;
  list-style-type: none;
}

.channel-orange ul{
	list-style-type: none;
	text-transform: none;
	text-align: left;
	font-size: .875rem;
	font-weight: normal;
	font-family: 'Lato', Arial, Helvetica, sans-serif;

}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-inverse .navbar-nav>li>a{
	color: #fff;
	text-align: center;	
}

.navbar-inverse .navbar-nav>li>a:hover{
	color: #000;
	text-align: center;	
}

.nav navbar-nav{
	margin: 0 auto;
}

.collapse navbar-collapse #bs-example-navbar-collapse-1{
	margin: 0 auto;
}

footer ul {
	margin-left: 0;
}
footer li {
	display: inline-block;
	list-style-type: none;
	margin: 1em;
}
footer.row {
	background-color: #003d58;
	padding: 30px;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
footer.row p, footer.row h3 {
	color: #b3e0e4;
	text-align: center;
}

.facebook {
	width: 50px;
	height: 50px;
	background: url(../images/social-media.png) no-repeat;
	background-position: -8px -10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px;
	float: left;
}
.twitter {
	width: 50px;
	height: 50px;
	background: url(../images/social-media.png) no-repeat;
	background-position: -71px -10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px;
	margin: auto 20px;
	float: left;

}
.newsletter {
	width: 50px;
	height: 50px;
	background: url(../images/social-media.png) no-repeat;
	background-position: -135px -10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px;
	float: left;

}
.socialmedia {
	height: 100%;
	width: 100%;
	background: url(../images/social-media.png) no-repeat;
	background-position: 2000px 2000px;
	display: block;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
	padding: 10px;
}
.center-icons ul {
	display: block;
	margin: 0 auto;
}

table{
	margin: 0 auto;
	text-align: left;	
}

td{padding-right: 1em;}

tbody{
	color: #FFF;	
}

.channel-orange{
	text-align: left;	
}

.channel-orange li{
	color: #000;	
	text-align: left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: .875rem;
}

.channel-orange img{float:right;}

.center-icons ul {
	display: inline-block;
	margin: auto;
	padding-left: 0;
}

.blah {
	margin: 0 auto;
	display: inline-block;
	padding-left: 0;
}

.text-center{
	display: inline-block;
	padding-left: 0;
	text-align: center;	
}

.btn-default{
	background: none;
	border-color:  #00a1a8;
	color:  #00a1a8;
}

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50% !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}



/* visual styles */
body{
    margin:0;
    font-family:sans-serif;
	color:#000000;
    text-align:center;
}
section {
	background:#000000;
}
.not-fullscreen {
    height:50%;
	background: #010101;
}


/* triangles */

.left-triangle, .right-triangle, .left-triangle-sm, .right-triangle-sm{
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
}

.left-triangle{
    border-width: 0 0 45px 45px;
    border-color: transparent transparent #dd6100 transparent;
    margin-right: .25em;
}

.left-triangle-sm{
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #dd6100 transparent;
    margin-right: .25em;}

.right-triangle{
    border-width: 45px 0 0 45px;
    border-color: transparent transparent transparent #dd6100;
    margin-left: .25em;
}

.right-triangle-sm{
    border-width: 25px 0 0 25px;
    border-color: transparent transparent transparent #dd6100;
    margin-left: .25em;
}