body {
  background-image: url("back.jpg");background-size: 100%;

}
ul {
    list-style-type: none;
    margin: 10;
    padding: 10;
    overflow: hidden;
    /*background-color: #333;
    /*position: fixed;*/
    top: 0;
    width: 100%;text-shadow: 2px 2px 8px blue,0px 0px 6px red;

}

li {
    float: left;
}


li a {
    display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
}
li a:hover {
    background-color: red;
}
li a:hover:not(.active) {
    background-color: red;
}
* {box-sizing:border-box}
body {font-family: 'Quicksand', sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 700px;
  max-height: 700px;
  position: relative;
  margin: auto;
}
p a:link {
    color: white;
    text-decoration: none;
}
a:hover:not{
    color: white;
}
p a:visited {
    color: violet;
}
p a:hover {
    color: blue;
}
p a:active {
    color: green;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  max-height:400px; 
  max-width:250px;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.8s ease;
}

/*.active {
  background-color: #717171;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.0s;
  animation-name: fade;
  animation-duration: 2.0s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
h2.sansserif {
    font-family: 'Quicksand', sans-serif;
    text-align:center;
    color: white;
    font-size: 50px;text-shadow: 2px 2px 8px blue,0px 0px 6px red;
}
h1.sansserif {
   font-family: 'Quicksand', sans-serif;
    text-align:center;
    color: white;
    font-size: 70px;text-shadow: 2px 2px 8px blue,0px 0px 6px red;
}
h3.sansserif {
    font-family: 'Quicksand', sans-serif;
    text-align:center;
    color: white;
    font-size: 30px;text-shadow: 2px 2px 8px blue,0px 0px 6px red;
}
/*p.sansserif {
    font-family: Arial, Helvetica, sans-serif;
    text-align:center;
    color: white;
    /*font-size: 30px;*/
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 2s;
    cursor: pointer;
}

.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
form{
  margin-left:3%; 
  margin-right: 3%;
}
input[type=text]{
    width: 70vw;font-family: 'Quicksand', sans-serif;
    padding: 2.5vh;
    height: 4vh;
    border: 0.1vw solid #ccc;
    border-radius: 4px;
    margin-top: 6vh;
    margin-bottom: 4vh;
}
textarea{
  width: 70vw;
    padding: 2.5vw;
    height: 100px;
    border: 0.1vw solid #ccc;
    border-radius: 4px;
    margin-top: 6vh;
    margin-bottom: 4vh;font-family: 'Quicksand', sans-serif;
}
input[type=email]{
  width: 70vw;
  height:4vh; 
    padding: 2.5vw;font-family: 'Quicksand', sans-serif;
    border: 0.1vw solid #ccc;
    border-radius: 4px;
    margin-top: 6vh;
    margin-bottom: 4vh;
font-size:25px;
}
input[type=submit]{
    background: black;
    padding: 2vh 5vh;
    font-size:3vh;
    border-radius: 20%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: white;
    margin: 0 auto; 
font-family: 'Quicksand', sans-serif;text-shadow: 2px 2px 8px blue,0px 0px 6px red;
}
input[type=submit]:hover{
background: white;
color: black;
font-family: 'Quicksand', sans-serif;text-shadow: 2px 2px 8px blue,0px 0px 6px red;
}