/**
======================================================================
RESET
======================================================================
**/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, small, strong, sub, sup, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,  tbody,  tfoot, thead, tr, th, td,
article,  aside, embed, footer, header, hgroup, menu, nav, section,  summary, audio,  video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**
======================================================================
GENERAL STYLING
======================================================================
**/

html,
body { 
	background-color: transparent ;
	height: 100%;

	font-family: "Roboto", "Roboto", "Georgia", "Times New Roman", sans-serif;
	font-size: 14px;
}



/**
======================================================================
GENERAL CLASSES
======================================================================
**/

/**
----------------------------------------------------------------------
LAYOUT
----------------------------------------------------------------------
**/

.block-inner {
	margin: 0 auto;
	max-width: 940px;
}

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.oh { overflow: hidden; }
.db { display: block; }

/* TABLES */

.t-layout{
  display: table;
  width: 100%;
  height: 100%;
}

.t-row { display: table-row; }
.t-col { display: table-cell; }
.t-col-align-top { vertical-align: top; }
.t-col-align-mid { vertical-align: middle; }
.t-col-align-bot { vertical-align: bottom; }




/**
======================================================================
LANDING PAGE
======================================================================
**/

.landing-bg {
	
    background: none 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
  


.landing-page h1 {
	background: url("../images/logo_famo_landing.png") no-repeat center 0;
    background-size : 200px 220px;
	/*border-bottom: 1px solid #fff;*/
	display: block;
	height: 220px;
	margin: 0 auto;
	margin-top: 10px;
	padding-bottom: 10px;
	text-indent: -9999px;
	width: 300px;
}

.landing-page h2,
.landing-page h3 {
	color: #fff;
	font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
	
	
	text-align: center;
}

.landing-page h2 { 
	font-size: 34px; 
	margin: 50px 0 10%;
}




/**
======================================================================
MEDIA QUERIES
======================================================================
**/


@media screen and (max-width: 768px) {
   
    
}

@media screen and (max-width: 640px) {
	
  
}

@media screen and (max-width: 480px) {
	

}