/* =Minimal base appearance
*******************************************************************************/
html {
  min-height: 100%;
  background: #DDDCDE;
  overflow: auto;
}
body {
  background: #fff;
  font: 15px/22px 'Arial', sans-serif;
  letter-spacing: 0;
  color: #424242;
  min-height: 100%;
  width: 100%;
  min-width: 320px;
}
select,
input,
textarea {
  color: #424242;
  font-size: 16px;
  font-family: 'Arial', sans-serif;
}
a {
  color: #e20001;
}
a:link {
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  color: #e20001;
}
.active > a {
  color: #e20000;
}
::-webkit-input-placeholder {
  color: #c2c2c2;
}
::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #c2c2c2;
}
::-moz-selection {
  color: #fff;
  background: #e20001;
}
::selection {
  color: #fff;
  background: #e20001;
}
a,
button,
input {
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -ms-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
/* =General Content
*******************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.title,
.subtitle {
  font-family: 'RobotoC-bold', sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
h1,
.h1,
.title {
  font-size: 45px;
  line-height: 35px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 959px) {
  h1,
  .h1,
  .title {
    font-size: 36px;
    margin-bottom: 30px;
    line-height: 41px;
  }
}
h2,
.h2,
.subtitle {
  font-size: 38px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 959px) {
  h2,
  .h2,
  .subtitle {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 35px;
  }
}
h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 959px) {
  h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
h4,
h5,
h6 {
  font-size: 20px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 959px) {
  h4,
  h5,
  h6 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.bg-is-white h1,
.bg-is-white h2,
.bg-is-white h3,
.bg-is-white h4,
.bg-is-white h5,
.bg-is-white h6,
.bg-is-white .h1,
.bg-is-white .h2,
.bg-is-white .h3,
.bg-is-white .title {
  color: #e20000;
}
.bg-is-white h2,
.bg-is-white .h2,
.bg-is-white .subtitle {
  font-size: 40px;
}
.bg-is-white h3 {
  font-size: 30px;
}
.bg-is-red h1,
.bg-is-green h1,
.bg-is-img h1,
.bg-is-red h2,
.bg-is-green h2,
.bg-is-img h2,
.bg-is-red h3,
.bg-is-green h3,
.bg-is-img h3,
.bg-is-red h4,
.bg-is-green h4,
.bg-is-img h4,
.bg-is-red h5,
.bg-is-green h5,
.bg-is-img h5,
.bg-is-red h6,
.bg-is-green h6,
.bg-is-img h6,
.bg-is-red .h1,
.bg-is-green .h1,
.bg-is-img .h1,
.bg-is-red .h2,
.bg-is-green .h2,
.bg-is-img .h2,
.bg-is-red .h3,
.bg-is-green .h3,
.bg-is-img .h3,
.bg-is-red .title,
.bg-is-green .title,
.bg-is-img .title {
  color: #fff;
}