body::-webkit-scrollbar {
	background-color: #D3E5FF;
}

body::-webkit-scrollbar-thumb {
	background-color: #406E9E;
	border: 1px solid #D3E5FF;
}

body {
	font-family: 'Lato', sans-serif;
}

header,  footer {
	background-color: #406E9E;
	color: white;
}

#alkon {
	padding: 50px 0;
	text-align: center;
}

#alkon h1 a {
	font-size: 200px;
	color: white;
	width: 700px;
	margin: 0 auto;
}

#alkon h1 a:hover {
	text-decoration: none;
}

.nav_container {
	min-height: 40px;
}

nav > a {
	display: none !important;
}

nav > a[type=button] {
	cursor: pointer;
}

nav ul {
	list-style-type: none;
}

nav > ul > li {
	padding: 0 !important;
}

header a, header a:active, header a:focus {
	display: block;
	text-align: center;
	padding: 10px 0;
	color: white;
	background-color: #406E9E;
	text-decoration: none;
}

nav a:hover {
	text-decoration: none;
	color: #406E9E;
	background-color: #D3E5FF;
}

main {
	background-color: #D3E5FF;
	padding: 0 15px;
}

#cookies {
	background-color: #406E9E;
	color: white;
	position: fixed;
	margin: 10px auto;
	width: 70%;
	padding: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	outline: 1px solid rgb(58, 82, 99);
	border: 1px solid white;
	text-align: center;
	z-index: 100;
}

#cookies i {
	top: 0;
	right: 0;
	cursor: pointer;
	margin: 5px 5px 0 0;
	position: absolute;
}

#cookies a {
	color: white;
}

section {
	margin: 0 auto;
	padding: 0 !important;
	max-width: 1000px;
}

article {
	margin: 50px 0;
	text-align: justify;
}

#galeria img {
	max-width: 190px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}

#galeria img:nth-child(5n) {
	margin-right: 0;
}

#lightbox {
	display: none;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(16, 44, 86, 0.95);
}

#lightbox img {
	max-width: 80%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#lightbox i {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	color: #D3E5FF;
}

#lightbox .fa-close {
	right: 0;
	top: 0;
	margin: 5px 5px 0 0;
}

#lightbox .fa-arrow-left {
	bottom: 0;
	left: 0;
	margin-bottom: 5px;
	margin-left: 20%;
}

#lightbox .fa-arrow-right {
	bottom: 0;
	right: 0;
	margin-bottom: 5px;
	margin-right: 20%;
}

footer {
	padding: 50px 0;
}

footer > div > div > div, footer > div > address > div {
	padding: 0 !important;
	margin: 10px auto;
}

footer > div:nth-child(2) {
	text-align: right;
}

footer a {
	color: white;
}

footer i {
	margin-right: 10px;
	width: 15px;
}

.fixed {
	background-color: #406E9E;
	position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.row {
	margin: 0 !important;
	padding: 0 !important;
}

h2 {
	margin: 20px 0;
}

@media(max-width: 768px){
	#alkon h1 a {
		font-size: 100px;
		width: 100%;
	}

	nav > a {
		display: block !important;
	}

	nav > ul {
		display: none;
		position: absolute;
		width: 100%;
		transform: translateY(40px);
	}

	nav > ul > li:first-child {
		display: none;
	}

	footer div{
		text-align: left !important;
	}
}

@media(max-width: 540px) {
	article {
		text-align: left;
	}
	
	#galeria img {
		right: 0;
		margin: 0 auto 10px !important;
	}
}