/*INDEX*/

.index-banner-header { 
width: 100%; 
height: calc(100vh - 100px); 
background-image: url("../images/header.jpg");
background-repeat: no-repeat;
background-position: center; 
background-size: cover; 
display: table;
}

.vertical-center { 
display: table-cell;
vertical-align: middle; 
}

.index-banner-header h3 { 
font-family: reklame; 
font-size: 80px; 
font-weight: 900; 
line-height: 100px; 
color: #FFFFFF; 
text-align: center; 
text-shadow: 2px 2px 8px #111;
}

.index-banner-header h1 {
font-family: reklame;
font-size: 24px; 
font-weight: 100;
line-height: 30px; 
color: #fff; 
text-align: center; 
text-shadow: 2px 2px 10px #000000; 
}

.index-banner-header h2 {
font-family: reklame;
font-size: 24px; 
font-weight: 120; 
font-style: italic; 
line-height: 30px; 
color: #fff; 
text-align: center; 
text-shadow: 2px 2px 10px #000000; 
}

.index-banner-header { 
height: 450px; 
}

.index-banner-header h1 { 
display: block;
width: 560px;
margin: 0 auto; 
}

.index-banner-happy-hour { 
width: 100%; 
height: calc(100vh - 100px); 
background-image: url("../images/2022-06-12-194314-1.jpg");
background-repeat: no-repeat;
background-position: center; 
background-size: cover; 
display: table;
}

.vertical-center { 
display: table-cell;
vertical-align: middle; 
}

.index-banner-happy-hour h3 { 
font-family: reklame; 
font-size: 60px; 
font-weight: 900; 
line-height: 100px; 
color: #FFFFFF; 
text-align: center; 
text-shadow: 2px 2px 8px #111;
}

.index-banner-happy-hour h1 {
font-family: reklame;
font-size: 30px; 
font-weight: 140;
line-height: 30px; 
color: #fff; 
text-align: center; 
text-shadow: 2px 2px 10px #000000; 
}

.index-banner-happy-hour { 
height: 450px; 
}

.index-banner-happy-hour h1 { 
display: block;
width: 560px;
margin: 0 auto; 
}

.index-links div { 
margin: 16px 16px 0; 
width: calc(100% - 32px);
height: 100px; 
background-color: #B0EDB6; 
}

.index-links div h3 { 
font-family: reklame;
font-size: 28px; 
font-weight: 600; 
line-height: 35px;
color: #000000; 
text-align: center;
}

.index-links-tall div { 
margin: 16px 16px 0; 
width: calc(100% - 32px);
height: 400px; 
background-color: #B0EDB6; 
}

.index-links-tall div h3 { 
font-family: reklame;
font-size: 28px; 
font-weight: 600; 
line-height: 35px;
color: #000000; 
text-align: center;
}

.index-links-tall div h4 { 
font-family: reklame;
font-size: 40px; 
font-weight: 600; 
line-height: 35px;
color: #000000; 
text-align: center;
}	
.index-links-pictures div { 
margin: 16px 16px 0; 
width: calc(100% - 32px);
height: 400px; 
background-color: #B0EDB6; 
}

.index-links-pictures div h3 { 
font-family: reklame;
font-size: 28px; 
font-weight: 600; 
line-height: 35px;
color: #791D23; 
text-align: center;
}

.index-links-pictures div h4 { 
font-family: reklame;
font-size: 40px; 
font-weight: 600; 
line-height: 35px;
color: #791D23; 
text-align: center;
}	

@media only screen and (min-width: 1000px){ 
.wrapper {
width: 1000px;
margin: 0 auto; 
}

.vertical-center { 
display: table-cell;
vertical-align: middle; 
}

.index-links { 
overflow: hidden; 
}

.index-links div { 
margin: 20px 10px 0; 
height: 230px; 
background-color:  #B0EDB6; 
float: left; 
}

.index-links div h3 {
line-height: 230px; 
} 
	
.index-links-tall { 
overflow: hidden; 
}
	
.index-links-tall div { 
margin: 20px 10px 0; 
height: 500px; 
background-color:  #B0EDB6; 
float: left; 
}
.index-links-tall div h3 {
line-height: 25px; 
} 
	
.index-links-pictures { 
overflow: hidden; 
}
	
.index-links-pictures div { 
margin: 20px 10px 0; 
height: 400px; 
background-color:  #B0EDB6; 
float: left; 
}
.index-links-pictures div h3 {
line-height: 25px; 
} 
	
.index-boxlink-square { 
width: calc(25% - 20px) !important; 
}

.index-boxlink-rectangle { 
width: calc(50% - 20px) !important; 
}
	
.index-header { 
width: calc(25% - 20px) !important; 
}
.index-map { 
width: calc(50% - 20px) !important; 
}
.index-pictures { 
width: calc(50% - 20px) !important; 
}
}