/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*---------------------------------
Font Styling and text stuff
---------------------------------*/
@font-face {
	font-family: 'BebasNeuewebfont';
	src: url('../fonts/BebasNeuewebfont.eot');
	src: local('BebasNeuewebfont'), url('../fonts/BebasNeuewebfont.woff') format('woff'), url('../fonts/BebasNeuewebfont.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1962">Text with this font applied</p> */
.font-bebas {
	font-family: 'BebasNeuewebfont' !important;
}
a:link {
	text-decoration: none;
	color: rgba(204,204,204,1);
}
a:visited {
	text-decoration: none;
	color: rgba(204,204,204,1);
}
a:hover {
	text-decoration: none;
	color: rgba(102,102,102,1);
}
a:active {
	text-decoration: none;
	color: rgba(204,204,204,1);
}
h1{
	font-family: 'BebasNeuewebfont';
	color: #FFF;
	font-size: 90pt;
	font-weight:100;
	margin-bottom: -20px;
}
h2{
	font-family: 'BebasNeuewebfont';
	color: #FFF;
	font-size: 24pt;
	font-weight:100;
}
h3{
	font-family: 'BebasNeuewebfont';
	font-size: 60pt;
	font-weight: 100;
}
h4{
	font-family: 'BebasNeuewebfont';
	font-size: 48pt;
	font-weight: 100;
}
h5{
	font-family: 'BebasNeuewebfont';
	font-size: 18pt;
	font-weight: 100;
	color: rgba(122,122,122,1);
}
h6{
	font-family: 'BebasNeuewebfont';
	font-size: 36pt;
	font-weight: 100;
}

p{
	font-family:Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 100;
}
.p2{
	font-family:Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: 900;
	color: rgba(255,255,255,1);
}

/*---------------------------------
Navbar Styling
---------------------------------*/
.titleContainer
{
	text-align: right;
}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:40px !important}
body{
	position: relative;
}

/*---------------------------------
Background image
---------------------------------*/
#bg
{
	
	/*height: 800;
	width: 1280;
	*/
	/*padding-bottom: 100%;*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	background-image: url("../img/bg-compressed.jpg");
}

/*---------------------------------
Content Styling inside panels
---------------------------------*/
li {
  width: 30%;
  float: left;
  margin-left: 1.515%;
  margin-right: 1.515%;
  margin-top: 3%;
}
.thumbs{
	overflow: hidden;
}
/*---------------------------------
Helpers
---------------------------------*/
.no-margin{
    margin: 0;
}
.no-padding{
	padding: 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vertical-align {
    display: flex;
    align-items: center;
}
/* centered columns styles */
.text-center {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}







@media only screen and (max-width: 736px)
{
	h1{
		font-size: 10vw;
		
	}
	h2{
		font-size: 4.5vw;
	}
	h3{
		font-size: 12vw;
	}
	h4{
		font-size: 5.5vw;
	}
	h5{
		font-size: 3.2vw;
	}
	h6{
		font-size: 7.2vw;
	}
	
	p{
		font-size: 3.38vw;
	}

}