body {
    background-image: url(images/background.png);
    background-position: center;
    background-attachment: fixed;
    margin: 0;
	background-size: cover;
}

* {
    font-family: 'Langar'
}

.all {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.header {
    background-image: url(images/header.png);
	background-position: center;
    background-repeat: none;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
	display: flex;
    align-items: center;
    justify-content: center;
	background-size: cover;
}


.opener {
	height: 40vh;
	width: 35vw;

}

.openerElement {
	width:35vw;
	height:48%;
	display:block;
    text-align:  center;
    font-family: 'Permanent Marker', cursive;
   -webkit-text-stroke: 1px rgba(0, 0, 0, 0.2); /* width and color */
	color: white;
	font-size: 3.2vmax;
	text-shadow: 0px 0px 7px black;
}

.upperElement {

	left: 50%;
	transform: translate(-50%, 0%);
	position: absolute;
	bottom: 0;
    font-family: 'Permanent Marker', cursive;
	font-size: 4vmax;
}



.line{
  height:3%;
  width: 100%;
  background-color: white;
  display: block;
  box-shadow:  0px 0px 7px black;
}

.navbar {
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
}

.navbar ul {
    padding: 0px 2.3vh;
    list-style: none;
    margin: 0;
    line-height: calc(var(--vh, 1vh) * 7);
    text-align: center;
}

.navbar ul li {
    font-size: 2.5vw;
    display: inline-block;
    padding: 0.9vh 1.5vw;
    vertical-align: middle;
}



.navbar ul li a{
    font-family: 'Permanent Marker', cursive;
    text-decoration: none;
    color: rgba(230, 230, 230, 0.9);
}


.navbar ul li a:hover{color: rgba(249, 30, 78, 1)}

.sticky {
    position: fixed;
    top: 0;
    width:100%;
}

.content {
    padding: 0 7vw;
}

.block {
    height: 53vmin;
    background-color: rgba(40, 15, 15, 0.5);
    margin: 5vmin auto;
    padding: 3vmin;
	overflow: hidden;
	border-radius: 8px;
	border: 5px solid rgba(40, 15, 15, 0.17);
}


img#left {float:left;}
img#right {float: right;}
p#right {float: right;}
p#left {float: left;}




.block img {
    height: 90%;
    margin: 3vmin;
	border-radius: 8px;
	border: 3px solid rgba(40, 15, 15, 0.23);
	
}
  
  
 .block p {
	text-align: justify;
	color: rgba(255, 255, 255, 0.9);
	font-size: 210%;
	vertical-align: middle;
	margin: 3vmin;
	text-justify:inter-word;
}  

#social {color: white; border: 0px; display:inline-block; margin: 0 4%; width:15%; height:auto;}





  @media (max-width: 1265px) {
body {
    background-image: url(images/backgroundmobile.png); 
    background-position: center;
    background-attachment: fixed;
	background-size: cover;
}


.header {
    background-image: url(images/headermobile.png);
	background-size: cover;
}

	  .content {
    padding: 0 10vw;
}

.block {
    margin: 5vh auto;
    padding: 3vmin;
	height: auto
}

	img#left {float:none}
	img#right {float:none}
	p#right {float: text-top;}
	p#left {float: text-top;}

.block img {
    width: 90%;
	height: auto;	
}
    
.block p {
	font-size: 2.4vh;
}  

.line{height:1%;}
	    
	  
  }