@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}
#slider {
    padding: 0.7em 0em 0.7em 0em;
}

h1
{
text-align: center;
font-size: 1.5em;
color: #009999;
margin-top: 2%;
margin-bottom: 2%;
}

h5 {
    text-align: center;
    padding-top: 1em;
}
a {
    color: #009999;
}
a:active {
    color: #1d86c8;
}

.reviewpost
{
  font-size:1em;
  margin-left: 2%;
  padding-left: 2%;
  margin-right: 2%;
  padding-right: 2%;
  margin-top: 2%;
  padding-top: 2%;
  padding-bottom: 1%;
  background-color: white; 
  text-align: left;
  /*border-bottom-left-radius: 10% 10%;
  border-bottom-right-radius: 10% 10%;
  border-top-left-radius: 10% 10%;
  border-top-right-radius: 10% 10%;*/
  border-radius: 20px;
}

.reviewnames
{
   font-weight: bold;
   text-transform: uppercase; 
}

#reviewheadings
{
    text-align: center;
    color: #009999;
    font-weight: bold;
    font-size: 1.5em;
    margin-left: 2%;    
    margin-right: 2%;
}

input[type="submit"]{
  text-align: center;
  font-size: 0.5em;
  font-weight: 700;
  height: 1.5em;
  width: 100%;
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #009999;
  text-transform: uppercase;
}

input[type="submit"]:hover {
  border: 0;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: white;
  font-weight: bold;
  color: #009999;
}

textarea
{
  font-size: 0.875em;
  font-weight: 700;
  height: 4em;
  width: 100%;
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
}

input[type="text"]
{
  text-align: center;
  font-size: 0.5em;
  font-weight: 700;
  height: 3em;
  width: 100%;
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.1);     
}

/**** MEDIA QUIRIES ****/

@media all and (min-width: 45em) {

#reviewheadings
{
    clear:both;
    width: 60%;
    margin-left: 20%;
    text-align: left;
  
}

.reviewpost
{
clear: both;    
margin-left: 25%;
width: 50%;
box-shadow: 10px 10px 5px #999;
}

input[type="submit"]
{
    text-transform: none;
    height:2.5em;
    width: 50%;
    margin-right: 50%;
}

input[type="submit"]:hover {
  border: 0;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: white;
  text-transform: uppercase;
  font-weight: bold;
  color: #009999;
}
footer {
    padding-top: 6em;
}
}