@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,700,700i');
/*********************************************
 * General
 *********************************************/

body{
	font-family: "Karla", sans-serif;
	background: #f7f7f7;
}


/*********************************************
 * HEADERS
 *********************************************/

.reveal h1{
	font-family: "Vollkorn", sans-serif;
	font-size: 10em;
	margin-bottom: 20px;


}


.reveal h2{
	font-family: "Vollkorn", sans-serif;
	font-size: 3.5em;
	margin-bottom: 30px;

}

.reveal h3{
	font-family: "Vollkorn", sans-serif;
	font-size: 2.5em;
	margin-bottom: 10px;

}

.reveal h1, h2, h3, h4, h5, h6{
		color : #febd17;
}

/*********************************************
 * List
 *********************************************/

.reveal ol,
.reveal dl,
.reveal ul {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 1em; 
	line-height: 1.2em;
}

.reveal ol {
  list-style-type: decimal; }

.reveal ul {
  list-style-type: disc; }

.reveal ul ul {
  list-style-type: square; }

.reveal ul ul ul {
  list-style-type: circle; }

.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
  display: block;
  margin-left: 40px; }


 /*********************************************
 * Other
 *********************************************/

 .reveal .card{
 	background: white;
	padding : 20px 10px;
	border-radius: 5px;
	opacity : 0.9;
 }

.reveal .panel{
	border : 1px solid #febd17;
	margin : 5px;
	padding : 10px;
}

 /*********************************************
 * Classes
 *********************************************/

.reveal .number{
	font-weight: bold;
	color: #febd17;
}

.reveal .logo{
	height: 70px;
	margin : 1em;
}

.reveal .credits{
	position: static;
	margin-top: 10px;
	bottom : 10px;
	font-size: 0.9em;
}

.left{
	float:left;
	width:50%;
}

.right{
	float:right;
	width:50%;
}

.clear{
	clear:both;
}

 /*********************************************
 * Title page
 *********************************************/


.reveal .logo_main{
	height: 80px;
	margin : 1em;
}

.reveal .logo_middle{
	height: 180px;
	margin : 1em;
	margin-bottom: 40px;
}

.reveal h1{
	margin-bottom:0px;
}

.reveal .subtitle{
	font-size: 2em;
	margin-bottom: 10px;
}


.reveal .details{
	font-size: 1.1em;
	margin-bottom: 10px;	
}

.reveal .mini{
	font-size: 0.8em;
}

.reveal .big{
	line-height: 1.4em;
	font-size: 1.6em;
}