@charset "utf-8";
/* CSS Document */
 body, html {
height: 100vh;
margin: 0;
font-family: 'Montserrat', sans-serif;
color: rgba(0,0,0,0.90);
font-size: 16px;
}

.pic1, .pic2, .pic3 {
position: relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.pic1 {
background-image: url("../pic/drake1.png");
min-height: 500px;
/*opacity: 0.80;*/
}

.pic2 {
background-image: url("../pic/vovvarna1.png");
min-height: 400px;
/*opacity: 0.80;*/
}

.pic3 {
background-image: url("../pic/w.png");
min-height: 400px;
/*opacity: 0.80;*/
}

.headerbox {
width: 100%;
text-align: center;
color: rgba(255,255,255,0.90);
font-size: 50px;
padding: 10px 0;
background-color: rgba(128,11,0,1.00);
padding: 10px;
border: 5px rgba(102,11,2,1.00);
box-shadow: inset 5px 5px 5px rgba(255,255,255, 0.2),
inset -5px -5px 5px rgba(0,0,0, 0.5),
inset 5px 5px 50px 50px rgba(80,9,2, 1),
5px 5px 5px rgba(0,0,0, 0.4);
}

.infobox {
position: absolute;
left: 0;
top: 30%;
width: 100%;
text-align: center;
font-size: 30px;
color: rgba(0,0,0,1.00);
}

.textbox1 {
text-align: center;
color: rgba(255,255,255,0.90);
padding: 30px 30px;
text-align: justify;
background-color: rgba(128,11,0,1.00);
padding: 10px;
border: 5px rgba(102,11,2,1.00);
box-shadow: inset 5px 5px 5px rgba(255,255,255, 0.2),
inset -5px -5px 5px rgba(0,0,0, 0.5),
inset 5px 5px 50px 50px rgba(80,9,2, 1),
5px 5px 5px rgba(0,0,0, 0.4);
}

.textbox2 {
text-align: center;
color: rgba(255,255,255,0.90);
padding: 30px 30px;
text-align: justify;
background-color: rgba(128,11,0,1.00);
box-shadow: inset 5px 5px 5px rgba(255,255,255, 0.2),
inset -5px -5px 5px rgba(0,0,0, 0.5),
inset 5px 5px 50px 50px rgba(80,9,2, 1),
5px 5px 5px rgba(0,0,0, 0.4);
}

.textbox3 {
text-align: center;
color: rgba(255,255,255,0.90);
padding: 30px 30px;
text-align: justify;
background-color: rgba(128,11,0,1.00);
box-shadow: inset 5px 5px 5px rgba(255,255,255, 0.2),
inset -5px -5px 5px rgba(0,0,0, 0.5),
inset 5px 5px 50px 50px rgba(80,9,2, 1),
5px 5px 5px rgba(0,0,0, 0.4);
}

/* Stänger av effekten på smartphones och surfplattor */
@media only screen and (max-device-width: 1024px) {
.bakgrundsbild1, .bakgrundsbild2, .bakgrundsbild3 {
background-attachment: scroll;
}
}