/*Austria Style Sheet*/
html {
  scroll-behavior: smooth;
}


/*typography*/
body{
	margin:5%;
	font-family:"Muli";
}
h1{
	color:#ED2939;
	margin-left:15%;
	font-family:"Bevan";
	width:50%;
	font-size:30pt;	
}
h2{
	font-family:"Bevan";
	color: #ED2939;
	letter-spacing: 5px;
	text-align:center;
	margin:auto;
	padding:3%;
}
h3{
	text-align:center;
	margin:auto;
	padding:3%;
}
p{
	width:100%;
}
/*___________*/

/*images*/
img{
	max-width:100%;
	padding-bottom:2%;
}
.contentPic{
	width:400px;
}
/*___________*/

/*navigation*/	
nav{
	position:fixed;
}
nav >ul >li{
	margin-bottom:60%;	
}
nav>ul{
	background-color:#ED2939;
	padding-right:30%;
	padding-top:15%;
	padding-bottom:5%;
}
a{
	color:white;
	text-decoration:none;
}
a nav{
	color:white;
	text-decoration:none;
}
a nav :visited{
	color:white;
}
a:hover{
	color:#779651;
}
.enhanced #menu {
   display: none;	
	} 
.ham{
	width: 40px;
    height: 7px;
    background-color: black;
    margin: 8px 0;	
}
.overlay:hover {	
	color:white;
	opacity: .5;
}
/*___________*/

/*links*/
ul {
	list-style-type: none;
}
/*___________*/

/*content*/
#content{
	background-color: rgb(230, 230, 230);
}
.column-wrapper{
	padding-left: 45px;
}
.boxes{
	display:grid;
	grid-template-columns:48.75% 48.75%;
	grid-row-gap:1.5%;
	grid-column-gap:2.5%;
	grid-template-rows:48.75% 48.75%;
	padding-left: 40px;
	
	}
	
button{
	background-color:rgb(237, 41, 57, .75);
	font-family:"Muli";
	font-size:14pt;
	margin:0 0 2% 40%;
	border:solid 2px black;

}
/*___________*/

/*responsive web*/
@media (min-width:600px){
	h1{
		padding-left:20px;
		letter-spacing:45px;
		font-size:150%;
		text-align:center;
	}
	.boxes{
		display:grid;
		grid-template-columns:48.75% 48.75%;
		grid-row-gap:1.5%;
		grid-column-gap:2.5%;
		grid-template-rows:48.75% 48.75%;
		padding-left: 40px;
	}
	.wrapper{
		display:grid;
		grid-template-rows: 9% auto;
		padding-left:5%;
	
	}
	.contentPic{
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:75%;
	}
	.text{
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:75%;
	}
}
@media (min-width:1000px){
	h1{
		letter-spacing:25px;
	}
	.skrollable {
      position:fixed;
      z-index:100;
   }
   .skrollr-mobile .skrollable {
      position:absolute;
   }
   .skrollable .skrollable {
      position:absolute;
   }
   .skrollable .skrollable .skrollable {
      position:static;
   }
	/*navigation*/
	.enhanced #menu {
	    display: block;	
	}
	.ham{
		display:none;
	}
	nav>ul{
			background-color:white;
	}
	a{
		color:#ED2939;
		text-decoration:none;		
	}
	a nav :visited{
		color:#ED2939;
	}
	a:hover{
		color:#779651;
	}
	/*___________*/
	
	/*grid*/
	.boxes{
		display: grid;
		grid-template-columns:21.25% 21.25% 21.25% 21.25%;
		margin-left:15%;
		
	}
	.column-wrapper{
		display: grid;
		grid-template-columns: 58% 40%;
		grid-gap:2%;
		margin-left:15%;
		
	}
	.wrapper{
		display:grid;
		grid-template-rows: 5% auto;
	}	
	#map{
		background-image:url("austria.jpg");
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position:right;
		height:100%; 
		width:100%;
	
	}
	
	#cafescene{
		background-image:url("cafescene.jpg");
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position:right;
		height:100%; 
		width:100%;
		
	
	}
	
	#soundofmusic{
		background-image:url("soundofmusic.jpg");
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position:right;
		height:100%; 
		width:100%;
		
	
	}
	
	#austriamap{
		background-image:url("austriamap.jpg");
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position:right;
		height:100%; 
		width:100%;
		
	
	}
	
	

	}
}