body {
    font-family: "Arimo","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Heebo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
    margin: 0;
}

h1,
h2,
h3 {
    text-transform: uppercase;    
}

h2 {
    font-size: 40px;
    margin-bottom: 10px;
}

h3 {
    font-size: 25px;
    margin-bottom: 5px;
}

p { 
    line-height: 1.5;
}


.small-font p {
    line-height: 1.2;
    font-size: 15px;
}

.spacer {
    margin-bottom: 30px;
}


a {
  color: #333333;
}
a:hover,
a:focus {
  color: #0085A1;
}

.intro-header {
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
    margin-bottom: 50px;
}

.intro-header .page-heading {
  padding: 60px 0 150px;
}

@media only screen and (min-width: 768px) {
  .intro-header .page-heading {
    padding: 60px 0 320px;
  }
}

.intro-header .page-heading {
  text-align: center;
}


.button {
    display:block;
    width:260px;
    height:260px;
    border-radius:130px;
    text-align:center;
    text-decoration:none;
    background:#ffea3b;
    line-height: 1;
    padding: 60px 35px 8px 35px;
    
}

.button:hover{;text-decoration:none;background:#fae970;}

.button span {
    text-transform: uppercase;  
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
  .button {
    width:150px;
    height:150px;
    border-radius:75px;
    padding: 30px 20px;
  }
    
    h2 {
    font-size: 35px;
}

}

.logo {
    margin: 50px 0;
}

footer { 
padding-top: 10px; 
}

footer img { margin-bottom: 50px; }

.content { padding: 30px 0; }