@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/candles2.jpg);
	background-position:top left;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
	font-size: 1em; // 16px
		
}

h1{
	font-size:2em;
	font-family: 'Francois One', sans serif;
	margin:0;

}

h2{
	font-size:3em;
	font-family: 'Francois One', sans serif;
	margin:0;

}

h3{
	font-size:1.2em;
	font-family: 'dosis', sans serif;
	margin:15px 0 0 0;
	color:#fff;

}

h4{
	font-size:1.6em;
	font-family: 'dosis', sans serif;
	margin:0 0 0 0;
	color:#fff;

}

.h1{
	border-bottom:1px solid;
	border-color:rgba(255,255,255,0.2);
	margin:15px 0 -20px 2%;
	text-align:left;
	font-size:2em;
	clear:both;
	float:left;
	font-family: 'Francois One', sans serif;

	

}


#mainmenu{
	font-family: 'Francois One', sans serif;
}

#titlewrap{
	width:90%;
	width:1100px;
	margin:0 auto;

}

#pauline{
	color:rgba(255,222,141,1);
	font-family: 'Shadows Into Light Two', cursive;
	width:100%;
	font-size:3em;
	text-align:left;
	margin:10px auto -20px auto;


	
}

#medium{
	color:rgba(161,21,24,0.6);



	
}

#maintextbox{
	size:cover;clear:both;
	background:rgba(0,0,0,0.8);
	color:rgba(255,222,141,1);
	font-size:1em;
	text-align:;
	font-family: 'Dosis', sans serif;
	min-height:600px;
	margin:15px auto 0 auto;
	padding:0 15px 15px 15px;
	width:1100px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-width:2px;	
    border-style:groove;
	border-color:rgba(161,21,24,0.4);
	min-height:;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.75);
	box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.75);

}


#text{
	clear:both;
	text-align:left;
	width:96%;
	padding:0 2% 0 2%;

		
}

#text img{
	height:;
	width:30%;
	border:0;
	padding:0 0 0 0;
	margin:15px 0 180px 45px;
	
}

#text ul{
	color:#fff;
	list-style-type:circle;
	list-style-position:inside;
	font-family: 'Francois One', sans serif;
}

#imgtitle{
	position:relative;
	top:480px;
	width:1030px;
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 auto;
	font-family: 'Francois One', sans serif;

}

a{
	text-decoration:none;
}
nav ul li{
	display:inline-block;
	padding:10px 15px;	
	color:rgba(255,222,141,1);
	margin:0;
	font-family: 'Dosis', sans serif;
	font-family: 'Francois One', sans serif;
}

nav ul{
	background:rgba(161,21,24,0.4);
	overflow:hidden;
	padding:0;
	text-align:center;
	margin:0;
	list-style:none;


}

nav ul li:hover{
	background:rgba(161,21,24,0.6);
}

.handle{
	width:100%;
	background:rgba(161,21,24,0.4);
	text-align:left;
	box-sizing:border-box;
	padding:10px 15px;
	cursor:pointer;
	display:none;
}


@media only screen and (min-width : 150px) and (max-width : 650px)
{

h2{
	font-size:2em;
	font-family: 'Francois One', sans serif;
	margin:0;

}

nav ul{
	max-height:20em;

}
.showing{
	max-height:0px;

}

nav ul li{
	width:100%;
	padding:10px 15px;
	text-align:left;
	border-top:1px solid;
	border-color:rgba(255,255,255,0.1);

}

nav ul li:hover{
}
	
.handle{
	display:block;

}

#titlewrap{
	width:90%;
	max-width:none;
	margin:0 auto;
}

#pauline{
	color:rgba(255,222,141,1);
	font-family: 'Shadows Into Light Two', cursive;
	width:100%;
	font-size:1.80em;
	text-align:center;
	margin:2px auto -13px auto;
	
}

#medium{
	
}
.h1{
	font-size:1.4em;
	margin:0;
	padding:15px 2% 0 2%;
	width:96%;
	float:none;
	text-align:center;
}

h3{
	font-size:1.1em;
	
}

h4{
	font-size:1.3em;


}

#maintextbox{
	box-sizing:border-box;
	background:rgba(0,0,0,0.8);
	font-size:0.95em;
	margin:16px auto 0 auto;
	width:90%;
	height:auto;
	max-width:none;
	min-height:none;
	padding:0 5% 0 5%;

}

#imgtitle{
	display:none;
	
}

#text img{
	width:96%;
	margin:10px 0 10px 0;
	padding:0 2% 0 2%;

}
#text{
	margin:0;
	width:94%;
	padding:10px 3% 10px 3%;
}
#text ul{
	color:#fff;
	list-style-type:circle;
	list-style-position:outside;
	font-family: 'Francois One', sans serif;
	font-size:14px;
}	
}