html,
body {
	height: 100%; overflow:hidden;
	
}
#wrapper {
	height: 100%; width:100%;
	
}
body {

	
	font-weight: normal;
	color: #1b212a; 
	background: linear-gradient(224deg, #00bcd4, #809dff, #1665c0);
background-size: 600% 600%;
-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
-o-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:72% 0%}
    50%{background-position:29% 100%}
    100%{background-position:72% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:72% 0%}
    50%{background-position:29% 100%}
    100%{background-position:72% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:72% 0%}
    50%{background-position:29% 100%}
    100%{background-position:72% 0%}
}
@keyframes AnimationName {
    0%{background-position:72% 0%}
    50%{background-position:29% 100%}
    100%{background-position:72% 0%}
}


 #canvas{
                width:100%;
           height: 700px;
                overflow: hidden;
                position:absolute;
                top:0;
                left:0;
                background-color: #ffffff;   
		         
            }
.canvas-wrap {
                position:relative;
                
            }
h1 {
font: 26px/26px "raleway", sans-serif;
	text-transform: uppercase; color: #fff;
} 

h3 {
font: 17px/17px "raleway", sans-serif;

	color: #fff;
}
.container:before,
.container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
.container{
  background: #1665c0; text-align:center;

}

.container-50 {
  margin:10% auto;
max-height: 470px; width:100%; height:100%;
	max-width: 619px; background: #fff;
	font: 15px/15px "raleway", sans-serif;
}
.mySlides{padding:6%;}
section
{
  background:#fff;
 color: #1665C0;
margin-top:5%;
  text-align: center;
}
section {
  float: left;
  width: 50%;

}

a{
	font: 12px/54px "raleway-heavy", sans-serif;

	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;

color: #1665C0;


}

a:hover {
	color: #00BCD4;
	
}
