body {
    font: 80px/1 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    margin: 0px auto;
    margin-top: 0px;
    max-width: 2000px;


    /*background-image: url("images/planters2.jpg");
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;*/
}


.element:hover{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);

}

.nav {
    position: fixed;
    z-index: 100;
    font-size: 13px;
    margin: 0px auto;
    text-align: center;
    float: none;
    width: 100%;
    margin-top: 20px;
    -webkit-marquee: auto medium infinite alternate normal;
overflow-x: -webkit-marquee;
}

.nav a{
    
    text-align: center;
    float: none;
    text-decoration: none;
    color: #001;
    font-weight: 200;
    padding: 10px;
    opacity: .2;
}

.nav a:hover{
    text-decoration: underline;
    opacity: 1;
}


.element2 {
  position: relative;
  margin: 0px auto;
  margin-bottom: 20px;
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.grid-container {
    width: 100%;
    margin: 0px auto;
    background-color: #ccc;
}

.element {
    border-radius: 0%;
  -webkit-transition: -webkit-transform 3.8s ease-in-out;
  transition: transform 3.8s ease-in-out;

  position: relative;
  margin: 1%;
  float: left;
  width: 18%;
  height: 0;
  padding-bottom: 18%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}