.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: scroll;
    transition: 0.5s;
	color: #cccccc;
}

.overlay-content {
    position: relative;
    top: 0px;
    text-align: center;
}

.overlay-content button:hover, .overlay-content button:focus {
    color: #000000;
	background-color: #c8c8c8;
    font-weight: normal;
}

.overlay_openbtn:hover, .overlay_closebtn:hover {
    color: #000000;
	background-color: #c8c8c8;
    font-weight: normal;
}

.overlay_openbtn {
	cursor:pointer;
	width:50px;
	height:50px;
	font-size:30px;
    font-weight: normal;
	text-align:center;
	vertical-align:middle;
	background-color: transparent;
}

.overlay_closebtn {
    margin-top: 5px;
	cursor:pointer;
	width:50px;
	height:50px;
    font-size: 40px;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
	background-color: transparent;
	color: #cccccc;
}
.overlay-button {
	cursor:pointer;
	background-color: transparent;
	color: #bbbbbb;
	font-size: 20px;
	font-weight: normal;
}
.overlay-button-small {
	cursor:pointer;
	background-color: transparent;
	color: #aaaaaa;
	font-size: 16px;
	font-weight: normal;
}
.overlay-headline {
	color: #dddddd;
	font-size: 24px;
	font-weight: bold;
	margin: 10;
}
.overlay-headline-small {
	color: #dddddd;
	font-size: 20px;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.overlay-button 			{ font-size: 22px;}
	.overlay-button-small 	{ font-size: 18px;}
	.overlay-headline 		{ font-size: 26px;}
	.overlay-headline-small 	{ font-size: 22px;}
}

.menu-blink-style {
	animation-duration: 2s;
	animation-name: menublink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes menublink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.40;                    
    }
}