html, body { min-height: 100%; font-family: 'Montserrat', sans-serif;}
html {}
/*html {
	
	background: linear-gradient(270deg, #a6a6a6, #71ba79);
background-size: 400% 400%;

-webkit-animation: AnimationName 6s ease infinite;
-moz-animation: AnimationName 6s ease infinite;
animation: AnimationName 6s ease infinite;

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
} 
}*/
body{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,4fc192+99 */
margin:0;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #4fc192 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#4fc192 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#4fc192 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4fc192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cover {    position: absolute;
    width: 100%;
    height: 100%; margin:0; background-image: url(/images/top-left.png), url(/images/top-right.png), url(/images/bottom-right.png), url(/images/bottom-left.png);
background-repeat:no-repeat;
background-position:left top, right top, right bottom, left bottom;
}
header {position:relative; float:left; width:100%;}
header img {display:block;  margin:40px auto; -webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
header img:hover {transform: scale(1.1,1.1); -webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
section {position:relative; float:left; width:100%;}
.title {text-align:center;}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.fade-in.two {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay:1.7s;
  animation-delay: 1.7s;
}
.fade-in.three {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}