body {
  background-color: #fff;
  font-family: 'Lora', serif;

}

a {
  color: #cc00ff;
  text-decoration: none;
}

a:hover {
  color: #00bfff;
}

h1 {
  font-family: 'Josefin Sans', sans-serif;
}

h2 {
  font-family: 'Josefin Sans', sans-serif;
  color: #B34027;
}

h3 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: lighter;
  }


h5 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: lighter;
  }

.container{
  width:90%;
  margin: 0 auto;
  max-width:960px;
}

*, *:before, *:after {
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .column {
  float: left;
  }

  .column.full {width:100%;}
  .column.two-thirds { width: 66.7%; }
  .column.half { width: 50%; }
  .column.third { width: 33.3%; }
  .column.fourth { width: 25%; }
}

/* ----- Clearfix by Nicolas Gallagher ----- */
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }  

.navigation {
  text-align: right;
  font-family: 'Josefin Sans', sans-serif;
 
  margin-bottom: 20px;
  margin-top:20px;
}

@keyframes reba {
  0% {color: #80ff00;} 
  40% {color: #00bfff;}
  80% {color: #f0f0f5;}
  100% {color: #80ff00;}
}

.reba {
  float: left;
  color: #80ff00;
  animation-name: reba;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}



/* ----- slideshow style ----- */
.slideshow {
  width:100%;
  text-align:center;

  }

.mySlides .mySlides2 {
  width:600px;
    }



.w3-button{
  border:none;
  display:inline-block;
  outline:0;
  padding:8px 16px;
  margin-top:10px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:white;
  background-color:#cc00ff;
  text-align:center;
  cursor:pointer;
  white-space:nowrap}

.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}


/* ----- shapes ----- */
.shape1 {
  width:313px;
  height:400px;
  background-image: url('../images/shape01still.jpg');
  float: left;
}

.shape1:hover {
  background-image: url('../images/shape01.gif');
}

.shape2 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape02still.jpg');
}

.shape2:hover {
  background-image: url('../images/shape02.gif');
}

.shape3 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape03still.jpg');
}

.shape3:hover {
  background-image: url('../images/shape03.gif');
}

.shape4 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape04still.jpg');
}

.shape4:hover {
  background-image: url('../images/shape04.gif');
}

.shape5 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape05still.jpg');
}

.shape5:hover {
  background-image: url('../images/shape05.gif');
}

.shape6 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape06still.jpg');
}

.shape6:hover {
  background-image: url('../images/shape06.gif');
}

.shape7 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape07still.jpg');
}

.shape7:hover {
  background-image: url('../images/shape07.gif');
}

.shape8 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape08still.jpg');
}

.shape8:hover {
  background-image: url('../images/shape08.gif');
}

.shape9 {
  width:313px;
  height:400px;
  float: left;
  background-image: url('../images/shape09still.jpg');
}

.shape9:hover {
  background-image: url('../images/shape09.gif');
}