/**
 * Basic layout, for animation examples, check demo.css
 */
html, body
{
 margin: 0;
 padding: 0;
}
body
{
 background: none;
 color: none;
}

div.block
{
 position: relative;
}
div.block svg
{
 position: absolute;
 animation: chevronAnimation 4s ease-in-out 0s infinite;
}
div.block svg path
{
 fill: none;
}
div.block:nth-child(1n)
{
}
div.block:nth-child(2n)
{
}
div.block:nth-child(3n)
{
}

/**
 * Simple keyframes animation for the chevron on the first slide
 */
@keyframes chevronAnimation {
 0% {
  transform: translate(0,0) scale(1.0,1.0);
 }
 50% {
  transform: translate(0,5px) scale(0.8,0.8);
 }
 100% {
  transform: translate(0,0) scale(1.0,1.0);
 }
}
/**
 * Responsiveness
 */
@media screen and (max-width: 1024px)
{ 
 body
 {
 }
}
@media screen and (max-width: 800px)
{ 
 
 div.block
 {
 }
}
@media screen and (max-width: 420px)
{ 
}
@media screen and (max-width: 360px)
{ 
}