html{
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
html {
	font-size: 12px;
}
 }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
html {
	font-size: 14px;
}
 }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
	font-size: 14px;
}
 	font-size: 14px;
}
 }

section{
    padding: 3rem 10%;
    background: hsl(0, 0%, 98%);
}
section:nth-child(even){
    background: hsl(0, 0%, 94%);
}
h1, h2, h3, h4, h5, h6,{
    line-height: 1.3;
}

.h1, h1 {
  font-size: 2.57rem;
     margin: 0 0 1rem;
}

.h2, h2{
  font-size: 2.14rem; 
  margin: 1rem 0 2rem;
}
.h3, h3{
  font-size: 1.71rem; 
  margin: 1rem 0 2rem;
}
.h4, h4{
  font-size: 1.29rem; 
  margin: 1rem 0 2rem;
}
.h5, h5{
  font-size: 1rem; 
  margin: 1rem 0 2rem;
}
.h6, h6{
  font-size: 0.86rem; 
  margin: 1rem 0 2rem;
}

p{
  font-size: 1.2rem;
  margin: 1rem 0;
}
a.button{
  display: inline-block;
  line-height: 2.5rem;
  padding: 0 1.5rem;
  margin-top: 1rem;
  color: white;
  background: #3c3c3c;
  text-decoration: none;
}