header{overflow:hidden; display:block; padding:1%;}
#logo{display:block; margin:auto; width:4vw; float:left; border-radius:50%;}

p{text-align:center; font-size:3vw;}
.h1{display:block; text-align:center; color:Green; font-size:5vw; font-weight:bold;}
footer{display:block; background-color:black; padding:2% 0;}
footer span{display:block; text-align:center; font-size:3vw; color:White;}
footer a{display:block; margin:2.5% 0; font-size:3vw; color:Gold; text-decoration:none}


*{margin:0; padding:0;}
body::-webkit-scrollbar{
display:none;
}
#slideoutside{
display:block;
font-weight:bold;
position:relative;
overflow:hidden;
background-color:rgba(255,0,0, 0.5);
}
#slidshow{
float:left;
width: 70%;
height: 30vw;
}
.slide {
position:absolute;
opacity: 0;
animation: mymove 24s infinite;
-moz-animation: mymove 24s infinite;
-webkit-animation: mymove 24s infinite;
}
#slideoutside #slidshow .slide img{
width:60vw;
height:30vw;
display:block;
margin:0 5vw;
}

@keyframes mymove {
10% {
opacity: 1;
}
33% {
opacity: 1;
}
45% {
opacity: 0;}
90% {
opacity: 0;}}
.slide:nth-child(0) {
animation-delay: 0s;}
.slide:nth-child(1) {
animation-delay: 6s;}
.slide:nth-child(2) {
animation-delay: 12s;}
.slide:nth-child(3) {
animation-delay: 18s;}

#slideshowright{
float:right;
width:30%;
height:100%;
}
form{
padding:2% 5%;
border:.2vw solid;
}
label{
display:block;
font-size:2vw;
margin:4% 0;
color:white;
}
select,input[type=text],input[type=date]{
width:100%;
font-size:2vw;
outline:0.1vw solid;
border:0.1vw solid;
}


input[type=submit] {
color: white;
width: 100%;
padding:1% 0;
font-size:2vw;
outline:0.1vw solid;
border:0.1vw solid;
cursor: pointer;
margin:5% 0;
background-color:#FF0033;
box-shadow: 0.5vw 0.5vw #33001b;
}




@media(max-width:800px){
#logo{width:10%;}
h1,h2{font-size:7vw;}
p{font-size:5vw; margin:2.5% 0;}
footer span{font-size:3vw;}
footer a{font-size:3vw;}

#slideoutside{
background-color:transparent;
}
#slid{
display:none;
}
#slidshow{
float:none;
width: 100%;
height:45vw;
}
.slide {
position:absolute;
opacity: 0;
animation: mymove 24s infinite;
-moz-animation: mymove 24s infinite;
-webkit-animation: mymove 24s infinite;}

#slideoutside #slidshow .slide img{
width:100vw;
height:45vw;
display:block;
}
#slideshowright{
float:none;
width:100%;
}

form{
border:.5vw solid;
margin:2% 5%;
padding:2% 10%;
background-color:rgba(255,0,0, 0.5);
}

label{
margin:3% 0;
font-size:4vw;
}
input[type=text], select,input[type=date]{
font-size:4vw;
border:0.25vw solid;
}
input[type=submit] {
font-size:4vw;
}

}