@import "https://fonts.googleapis.com/css?family=Raleway:100,400,700";
h1 {
  font-size:100px;
  font-family: 'Raleway', serif;
  font-weight:bold;
  margin: 40px 0 30px 0;
}
h2 {
  font-family: 'Raleway', serif;
  font-size:50px;
  margin: 20px 0 0 0;
}
h3 {
  font-family: 'Open Sans', sans-serif;
}
p {
  font-size: 16px;
  
}
a {
  color:#fff;
}
a:hover {
  color: #fff;
}
a img {
  border:0;
}
a.button {
  display:inline-block;
  color:#FFF;
  background-color:#F95959;
  text-decoration:none;
  padding:10px;

  margin-bottom:10px;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
a.button:hover {
  background-color:#fff;
}
a.button.small {
  background-color:#7f8c8d;
  color:#FFF;
  padding:8px;
  font-size:0.8em;
}
a.button.small:hover {
	color:#FFF;
  background-color:#95a5a6;
}
.section {
  margin:0;
  padding:10px;
 
}
.section.odd {
  background-color:#ffffff;
}
.wrapper {
  margin:10px auto;
  width:1200px;
}
.half {
  width:49%;
  display:inline-block;
  vertical-align:top;
  padding-top: 20px;
}
.padding {
  20px;
}
.half.left .padding {
  padding:10px;
}
.half.right .padding {
  padding:0 0 10px 10px;
}
.half img {
  max-width:100%;
  width: auto !important;
  height:auto !important;
}
.space {
  height:20px;
}

/* CSS browser */
.browser {
  background-color:#bdc3c7;
  padding:5px 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align:right;
}
.browser .winbutton {
  display:inline-block;
  background-color:#dbe0e0;
  width:12px;
  height:12px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-right:5px;
}
.browser .navbar {
  text-align:left;
  background-color: #ecf0f1;
  color: #bdc3c7;
  margin:5px;
  padding: 5px 0px 5px 5px;
  font-size:12px;
  line-height:14px;
  border-radius:5px;
  overflow:hidden;
  -webkit-border-radius: 5px;
}

/* section-specific styles */

#footer {
  
  
  background-repeat:repeat-x;
  background-position: top center;
  color:#FFF;
}
#footer a.button {
  background-color:#34495e;
  font-size:0.8em;
  padding:8px;
}
#footer a.button:hover {
	color:#fff;
  background-color:#455A6F;
}
#footer p {
  text-align:center;
}
#animation iframe {
  width:100%;
  height:400px;
}


@media all and (max-width: 1300px) {
  .wrapper {
    width:100%;
    padding:0;
  }
  h1 {
    font-size:80px;
  }
  h2 {
    font-size: 40px;
  }
  #header h2 {
    font-size:30px;
  }
}
@media all and (max-width:900px) {
  h1 {
    font-size:60px;
  }
  h2 {
    font-size: 30px;
  }
  p {
    font-size: 18px;
    line-height:25px;
  }
  #header h2 {
    font-size:20px;
  }
  .section {
    padding:10px;
  }
  .half {
    width:auto;
    display:block;
    margin-bottom:20px;
  }
  .half.left .padding, .half.right .padding, .padding {
    padding:20px;
  }
  #footer p {
    text-align:center;
  }
}
@media all and (max-width:500px) {
  h1 {
    font-size:45px;
  }
  #header h2 {
    font-size:15px;
  }
  .section {
    padding:10px;
  }
  .half {
    margin-bottom:10px;
  }
  .half.left .padding, .half.right .padding, .padding {
    padding:5px;
  }
  #animation iframe {
    height: 250px;
  }
}
@media all and (max-width:280px) {
  h1 {
    font-size:38px;
  }
  h2 {
    font-size:25px;
  }
}