/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1 {
  font-family : 'proxima-nova', sans-serif;
  color :#000;
}
h2 {
  font-family : 'proxima-nova', sans-serif;
  font-size : 48px;
  font-weight : 800;
  color :#2F3940;
  line-height : normal;
}
h3 {
  font-family : 'proxima-nova', sans-serif;
  color : #2F3940;
  font-size : 24px;
  font-weight : 600;
}
h4 {
  font-family : 'proxima-nova', sans-serif;
  font-size : 20px;
  font-weight : 600;
}
p {
  font-family : 'acumin-pro', sans-serif;
  font-size : 16px;
  margin : 0;
}
a {
  color : #fff
}

.max-container {
  width : 85%;
  margin : 0 auto; 
}
.blue-bg {
  background-color : #9BC5DC;
}
.yellow-bg {
  background-color : #FFC050;
}
.red-bg {
  background-color : #E0303B;
}

/***
 * Button Section
 */
.white-btn {
  background-color : #fff;
  padding : 0.5em 6em;
  border-radius : 5px;
  color :#000;
  font-family : 'acumin-pro',sans-serif;
  font-weight : 600;
}
.white-btn:hover {
  color : #000;
}
.white-btn:focus {
  color : #000;
}
a.red-btn {
   position : relative;
  font-family : 'acumin-pro', sans-serif;
  font-weight : 600;
  background-color : #E0303B;
  border-radius : 5px;
  box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);
  color : #fff;
  padding : 12px 24px 16px;
  transition: all .1s;
}
a.red-btn:hover {
  padding : 12px 40px 16px 8px;
}
a.red-btn::after,.white-btn::after {
content: " ";
width: 20px;
height: 20px;
position: absolute;
right: 10px;
opacity: 0;
transition: opacity .1s ease-in;
top: 50%;
transform: translate(0,-50%)
}
a.red-btn::after {
  background : url('https://1959681.fs1.hubspotusercontent-na1.net/hubfs/1959681/arrow_white.svg') no-repeat center center;
}
a.red-btn:hover::after {
  transition: opacity .1s ease-in;
  opacity : 1;
}
@media (max-width : 1351px) {
  .max-container {
    width : 90%;
  }
}
@media (max-width : 1251px) {
  .max-container {
    width : 95%;
  }
}
@media (max-width : 415px) {
  h2 {
    font-size 40px;
  }
}