* {
  font-family: "Raleway", sans-serif; }

body {
  background-color: #ffffff;
  margin: 0;
  padding: 0; }

h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #2B2B2B;
  margin: 0; }
  @media (max-width: 767px) {
    h1 {
      font-size: 26px; } }

h2 {
  font-family: "Raleway", sans-serif;
  margin: 0 auto;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 26px;
      padding: 0 15px 15px 15px;
      text-align: left; } }

h3 {
  font-family: "Raleway", sans-serif;
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  font-weight: 700; }
  @media (max-width: 767px) {
    h3 {
      font-size: 26px; } }

p {
  margin: 0px;
  padding: 0px;
  font-size: 18px; }
  @media (max-width: 767px) {
    p {
      font-size: 16px; } }

a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #402FEF; }
  a:hover, a:focus {
    opacity: .9;
    outline: none; }

:focus {
  outline-style: none; }

img {
  max-width: 100%; }

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1; }
  20% {
    transform: scale(100);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(100, 10); } }