@charset "UTF-8";
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

#container{
background:#63b6db;
width:100%;
margin:0 auto;
overflow:hidden;
height:34px;}

header{
width:100%;
margin:0 auto;}

.menu{
width:200px;
height:100%;
position:absolute;
left:-200;
background:rgba(0,0,0,0.8);}

.menu ul{
	width:100%;
	float:left;
	margin-top:60px;
	list-style-type:none;
	margin:0;
	padding:0;}
	
.menu ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;}

.menu ul li:first-child{
margin-top:60px;}

.menu ul li:hover{
	background:#fff;
	border-left:10px solid #f06;}
	
.menu ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 10px 0;
	display: block;
	font-size:16px;}
	
.menu ul li:hover a{
color:#F06;
padding: 10px 0;
display: block;
font-size:16px;}

/* MENU BUTTON OPEN */
#menuButton{
	font-size:2em;
	color:#fff;
	margin:0px 10px;}
	
#menuButton a{
	cursor:pointer;
	transition:all 0.2s;}
	
#menuButton a:hover{
	color:#f06;}
	
/* CLOSE BUTTON */
.closeButton{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:5px;}
	
.closeButton a:hover{
	color:#fff;
	cursor:pointer;}
	
/*	MAIN */
.main{
width:100%;
	margin:0 auto;}

.main h1{
	text-align:center;
	font-size:7em;
	color:rgba(255,255,255,0.8);
	line-height:400px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;}
	
.icon-heart{
font-size:0.8em;}