#clme
{
	font-family: 'Amatic SC', cursive;
	font-size: 31px;
	color: #fff;
	border-top: solid 2px #2d2d2d;
	border-bottom: solid 2px #2d2d2d;
	position:absolute;
	right: 50px;
	top: 55px;
	z-index: 99998;
	text-decoration:none;
	display:block;
}

#clme span
{
	vertical-align:middle;
}

#clme span span
{
	color: #2d2d2d;
}

.dspNone
{
	display:none !important;
}

#main-logo
{
	position:absolute;
	left: 55px;
	top: 55px;
	z-index: 99998;
	display:block;
	text-decoration:none;
}

.menu-open-wrap
{
	position:fixed;
	left: 55px;
	top: 290px;
	z-index: 99998;
	width: 218px;
	height: 60px;
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	-ms-transition: all 100ms;
	-o-transition: all 100ms;
	transition: all 100ms;
}

.galley-menu-btn
{
	top: 25px;
}

.menu-open-wrap .main-logo
{
	margin-bottom: 28px;
}

.menu-btn
{
	cursor:pointer;
}

.menu-open-inner
{
	background: rgb(255,212,63);
	margin: 6px;
	padding: 0px 10px 0px 10px;
}

.menu-open
{
	border: solid 2px #2d2d2d;
}

.menu-open img
{
	margin-right: 15px;
}

.menu-open span
{
	vertical-align:middle;
	font-family: 'Amatic SC', cursive;
	font-size: 36px;
	color: #2d2d2d;
	padding-left: 1px;
	padding-right: 10px;
}

.menu-close 
{
	cursor:pointer;
    border: solid 2px #2d2d2d;
    width: 42px;
    height: 42px;
    line-height: 28px;
    text-align: center;
    padding: 5px;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    font-size: 24px;
    color: #1a171b;
    margin-top: 20px;
    margin-bottom: 20px;
}

.menu-close div
{
	background:#FFD43F;
}

.overlay
{
	display: none;
	position: fixed;
	z-index: 99998;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.3);
}

.slide-menu
{
	display:block;
	position:fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 300px;
	background: #ffffff;
	z-index: 99999;
	-webkit-box-shadow: 2px 0px 2px 0px rgba(1,2,2,.16);
	box-shadow: 2px 0px 2px 0px rgba(1,2,2,.16);
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}

.resp-wrap
{
	position:absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

.menu-ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 50px;
}

.menu-ul li
{
	text-align:center;
	line-height: 48px;
}
/*
.menu-ul li:first-child a
{
	font-family: 'Noto Serif', serif;
	font-weight: 700;
	font-size: 36px;
	color: #1a171b;
}
*/
.menu-ul li a 
{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #2d2d2d;
	text-decoration:none;
}

.menu-ul li:hover a
{
	border-bottom: solid 2px #ffd43f;
}

.active
{
	border-bottom: solid 2px #ffd43f !important;
}

.closeMe
{
	-ms-transform: translateX(-100%); 
    -webkit-transform: translateX(-100%); 
	transform: translateX(-100%);
}

.book
{
	width: 150px;
	height: 65px;
	background: url('../images/book.png');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1px;
	text-decoration:none !important;
}

.book div
{
	margin: 9px 9px 8px 10px;
	background: #ffd43f;
	color: #2d2d2d;
	font-family: 'Amatic SC', cursive;
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	line-height: 44px;
}

.menu-social
{
	text-align:center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.menu-social a 
{
    margin-left: 8px;
    margin-right: 8px;
    text-decoration: none !important;
}

@media (max-width: 992px) 
{
	#clme
	{
		right: 15px;
		top: 15px;
	}
	#main-logo
	{
		display:none;
	}	
	.menu-open-wrap
	{
		width: auto;
		height: 50px;
		left: 15px;
		top: 15px;
	}
	.menu-open-inner
	{
		height: 35px;
		line-height: 32px;
	}	
	.menu-open-inner span
	{
		font-size: 31px;
	}
	.menu-open
	{
		height: 52px;
	}	
	.slide-menu 
	{
		overflow-y: auto;
	}	
	.resp-wrap
	{
		position:absolute;
		top: 50%;
		left: 0px;
		right: 0px;
		-ms-transform: translateY(-50%); 
	    -webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
	}	
	.menu-close 
	{
	    margin-top: 20px;
	    margin-bottom: 30px;
	}	
	.menu-ul 
	{
	    margin-top: 20px;
	}	
	.menu-social 
	{
	    margin-top: 20px;
	    margin-bottom: 30px;
	}
}

@media (max-width: 768px) 
{
	#clme 
	{
		height: 52px;
		top: 5px;
	}
	#clme span
	{
		display:none;
	}
	.menu-open-wrap
	{
		left: 5px;
		top: 5px;
	}
	.menu-open span 
	{
		font-size: 28px;
		line-height: 35px; 
		padding-right: 0px;
	}
}

@media (max-width: 650px) 
{
	.menu-open-wrap span
	{
		display:none;
	}
	
	.menu-open img 
	{
	    margin-right: 0px;
	}
}

@media (max-height: 650px)
{
	.menu-close{
		
		margin-bottom:10px;
	}
}

@media (max-height: 550px)
{
	.slide-menu{
		overflow-y:auto;
	}
	.menu-ul li
	{
		line-height: 40px;
	}	
	.menu-social
	{
		margin-top: 20px;
	}
}

@media (max-height: 450px)
{
	.resp-wrap
	{

		position:relative;
		top: 0px;
		-ms-transform: translateY(0px); 
	    -webkit-transform: translateY(0px); 
		transform: translateY(0px);
	}
	.menu-ul {
		margin-bottom: 0px;
	}
	.menu-ul li
	{
		line-height: 35px;
	}	
	.book {
	    width: 130px;
	    height: 65px;
	    background: url('../images/book.png');
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: contain;
	    padding: 1px;
	    text-decoration: none !important;
	    display: block;
	}
	.book div {
	    margin: 12px 5px 8px 6px;
	    background: #ffd43f;
	    color: #2d2d2d;
	    font-family: 'Amatic SC', cursive;
	    font-size: 38px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 40px;
	}
	.menu-social {
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
}