/********************              MENU            ********************/
		
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgb(47,149,210);
    background-color: rgba(47,149,210, 0.98);
    overflow-y: hidden;
    transition: 0.5s;
}

		.overlay ul { list-style: none !important; }
		
	.overlay a#sulje {
			font-family: 'Roboto Condensed', sans-serif; 
			font-size: 24px;
			font-weight: 400; 
			text-decoration: none;
			display: none;
			font-size: 24px;
			padding-left:5px;
		}
		
		.overlay a:hover, .overlay a:focus {
			color: #fff;
		}
		
		.overlay .closebtn {
			position: fixed;
			top: 20px;
			left: 20px;
			color: #fff;
		}
	
	.overlay-content {
		position: relative;
		top: 20%;
		width: 100%;
		text-align: center;
		font-size: 36px;
		line-height: 1.8em;
		font-weight: 300;
	}
	
		.overlay-content a { color: #262626; text-decoration: none; cursor: pointer !important; }
		
			.overlay-content a:hover { color: #262626; text-decoration: underline; }
			
		.overlay-content li.current a { color: #fff; }
			
			.overlay-content li.current a:hover { color: #fff; text-decoration: underline; }
				

@media screen and (max-width: 1366px) {	

.overlay a#sulje { font-size: 21px; }

.overlay-content { font-size: 30px; }

}

@media screen and (max-width: 767px) {	

.overlay a#sulje { font-size: 19px; }

.overlay-content { font-size: 26px; }

}

@media screen and (max-height: 450px) {
	
  .overlay {overflow-y: auto;}
  
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
  
}