/* Theming */
@font-face { 
font-family: "Akzelerat Condensed"; 
src: url("AkzeleratCondensed_Normal.ttf"); 
}
/* Reset */
body{
	background-image:url(../img/pilger_6.png),url(../img/bg.jpg);
	background-position:top 100px left -50px,center;
	background-size:250px,cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
    font-family: "Akzelerat Condensed", sans-serif;
    color:rgb(30,0,0);
    margin: 0;
    padding: 0;
	height:100%;
	font-size:27px;
}
a{
    text-decoration: none;
    color:rgba(30,0,0,.7);
}
#lang {
	position: fixed;
	top:20px;
	left:20px;
}
#lang img {
	width:40px;
	margin:5px;
	float:left;
}
#logo {
	position:absolute;
	right:20px;
	top:20px;
	width:180px
}
section {
	background:rgba(255,255,255,.7);
	width:calc(100% - 600px);
	padding:20px 50px;
	margin:100px 100px 100px 400px;
}
aside {
	background:rgba(0,0,0,.7);
	text-align:center;
	width:calc(100% - 600px);
	color:#FFF;
	padding:20px 50px;
	margin:100px 100px 100px 400px;
}
aside a {
	color:#FFF;
	text-decoration:none;
}
#social img {
	width:80px;
	margin:20px
}
footer {
	width:calc(100% - 100px);
	text-align:center;
	color:#FFF;
	padding:20px 50px;
}
footer a {
	color:#FFF;
}
input[type=text],
input[type=email],
textarea {
	background:#FFFFFF;
	font-size:16px;
	padding:5px;
	border:1px solid #666;
	margin:5px 0;
	width:calc(100% - 10px);
    font-family: "Poppins", sans-serif;
}
input[type=submit],.button {
	background:rgba(255,155,0,1);
	font-size:16px;
	padding:5px 30px;
	margin:5px 0;
	border:0;
	color:#FFFFFF
}
input[name=Submit_n] {
	display:none;
}
.gal a {
	background-position:center;
	background-size:cover;
	float:left;
	width:calc(100% / 4 - 20px);
	height:300px;
	margin:10px;
}

h1 {
	font-size:32px
}
@media screen and (max-width: 1100px) {
.gal a {
	width:calc(100% / 2 - 20px);
	height:140px;
}
}
@media screen and (max-width: 750px) {
body {
	font-size:18px;
	background-position:bottom left -50px,center;
	background-size:150px,cover;
}
h1 {
	font-size:24px
}
#logo {
	position:absolute;
	right:20px;
	top:40px;
	width:90px
}
section {
	width:calc(100% - 170px);
	padding:10px 20px;
	margin:100px 30px 30px 100px;
}
aside {
	width:calc(100% - 150px);
	padding:10px;
	margin:30px 30px 00px 100px;
}
.gal a {
	width:calc(100% / 2 - 20px);
	height:140px;
}
#social img {
	width:40px;
	margin:2px
}
footer {
	padding:20px;
}
}