.header-main #nav ul li a,
h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Raleway, sans-serif
}

html {
    font-size: 62.5%
}

body {
    font-size: 1.4rem;
    color: #363b3f
}

.header-main #nav ul li a {
    font-size: 1.5rem
}

.header-top .hd-left a {
    font-size: 1.4rem
}

h1 {
    font-size: 11rem;
    line-height: 1
}

h1 span {
    font-size: 4.8rem;
    font-family: Raleway, sans-serif;
    font-weight: 300
}

h5,
h6 {
    font-size: 1.8rem
}

h2,
h4,
h5,
h6,
p,
ul li,
ol li {
    font-family: Roboto, sans-serif
}

h2,
h3 {
    font-weight: 600;
    text-transform: uppercase
}

h2 {
    font-size: 5rem
}

h3 {
    font-family: Raleway, sans-serif;
    font-size: 2.8rem;
    line-height: 1.2
}

h4 {
    font-size: 1.9rem;
    font-weight: 500
}

h5 {
    text-transform: uppercase;
    font-weight: 400
}

h6 {
    font-weight: 100
}

p,
ul li,
ol li {
    font-size: 1.6rem;
    line-height: 1.5
}

a,
a.btn {
    font-size: 1.4rem;
    font-family: Roboto, sans-serif
}

a {
    text-transform: uppercase;
    font-weight: 700
}

a.btn {
    font-weight: 600
}

q:after,
q:before {
    color: #aeaeae;
    font-family: FontAwesome
}

q {
    font-family: Roboto, sans-serif;
    font-style: italic;
    font-size: 1.8rem;
    font-weight: 400
}

q:before {
    content: "\f10d";
    padding-right: 10px
}

q:after {
    content: "\f10e";
    padding-left: 10px
}

.blog-content .tabs dd a {
    font-family: Roboto, sans-serif!important;
    font-weight: 400;
    font-size: 1.6rem!important
}

.search-area input.search-text {
    font-family: Roboto, sans-serif;
    font-size: 1.7rem
}

.saboxplugin-authorname a {
    font-size: 1.6rem
}

.saboxplugin-wrap .saboxplugin-desc .vcard .fn {
    font-family: Roboto, sans-serif
}

.form-wrap .form-main input[type=submit],
.side-menu .slide-out-form input[type=submit],
.single-campaign .ebook-content .form-main input[type=submit],
button {
    font-size: 1.8rem!important;
    padding-left: 70px;
    font-family: Roboto, sans-serif!important
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    font-family: Roboto, sans-serif!important
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) and (max-height : 1080px) {
  h1 {
    font-size: 8.8rem;
  }
  #banner h1 span, h1 span {
    font-size: 3.8rem;
  }
  #banner h1.medium-header-trans {
    max-width: 40%;
  }
  h2 {
    font-size: 4rem;
  }
  h3 {
    font-size: 2.5rem;
  }
  h4 {
    font-size: 2.1rem;
  }
  h5, #banner h6 {
    font-size: 1.8rem;
  }
  h6, #banner h5 {
    font-size: 1.7rem;
  }
  .header-main #nav ul li a {
    font-size: 1.3rem;
  }
  blockquote p {
    font-size: 1.6rem;
  }
  p {
    font-size: 1.5rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.4rem;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1600px) and (max-height : 900px) {
  h1 {
    font-size: 7.512rem;
  }
  #banner h1 span, h1 span {
    font-size: 3.7rem;
  }
  #banner h1.medium-header-trans {
    max-width: 40%;
  }
  h2 {
    font-size: 2.8rem;
  }
  h3 {
    font-size: 2.1rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5, #banner h6 {
    font-size: 1.6rem;
  }
  h6, #banner h5 {
    font-size: 1.6rem;
  }
  .header-main #nav ul li a {
    font-size: 1.3rem;
  }
  blockquote p {
    font-size: 1.6rem;
  }
  p {
    font-size: 1.4rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.3rem;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1366px) and (max-height: 768px) {
  h1 {
    font-size: 5.822rem;
  }
  #banner h1 span, h1 span {
    font-size: 2.379rem;
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 1.9rem;
  }
  h4 {
    font-size: 1.7rem;
  }
  h5, #banner h6 {
    font-size: 1.6rem;
  }
  h6, #banner h5 {
    font-size: 1.6rem;
  }
  blockquote p {
    font-size: 1.5rem;
  }
  p {
    font-size: 1.4rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.3rem;
  }
  .header-main #nav ul li a,
  .header-top .hd-left a {
    font-size: 1.3rem;  
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 1024px) and (max-height: 768px) {
  #banner h1, h1 {
    font-size: 5rem;
  }
  #banner h1 span, h1 span {
    font-size: 2.032rem;
  }
  h2 {
    font-size: 2.2rem; 
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5, #banner h6 {
    font-size: 1.5rem;
  }
  h6, #banner h5 {
    font-size: 1.6rem;
  }
  p, ul li, ol li, .newsletter ul li {
    font-size: 1.3rem;
  }
  blockquote p {
    font-size: 1.4rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.2rem;
  }
  .header-main #nav ul li a,
  .header-top .hd-left a {
    font-size: 1.2rem;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 768px) and (max-height: 1024px) {
  #banner h1, h1 {
    font-size: 7.2rem;
  }
  #banner h1.medium-header-trans {
    max-width: 100%;
    margin: 0 auto;
  }
  #banner h1.large-header-trans {
    max-width: 100%;
    margin: 0 auto;
  }
  #banner h1 span, h1 span {
    font-size: 2.953rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5, #banner h6 {
    font-size: 1.5rem;
  }
  h6, #banner h5 {
    font-size: 1.6rem;
  }
  p, ul li, ol li, .newsletter ul li {
    font-size: 1.3rem;
  }
  blockquote p {
    font-size: 1.4rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.2rem;
  }
  .header-main #nav ul li a,
  .header-top .hd-left a {
    font-size: 1.5rem;
  }
}

/* Custom, small Android */ 
@media only screen and (max-width : 320px) and (max-height: 568px) {
   #banner h1, h1 {
    font-size: 4.8rem;
  }
  #banner h1.medium-header-trans {
    max-width: 100%;
    margin: 0 auto;
  }
  #banner h1.large-header-trans {
    max-width: 100%;
    margin: 0 auto;
  }
  #banner h1 span, h1 span {
    font-size: 1.969rem;
  }
  h2 {
    font-size: 2.3rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5, #banner h6 {
    font-size: 1.4rem;
  }
  h6, #banner h5 {
    font-size: 1.4rem;
  }
  p, ul li, ol li, .newsletter ul li {
    font-size: 1.4rem;
  }
  blockquote p {
    font-size: 1.5rem;
  }
  #auto-light-next .dynamic-sidebar form .gform_footer input[type=submit],
  #auto-light-next .form-main .gform_footer input[type=submit],
  .btn-first-priority,
  .btn-second-priority,
  .btn-third-priority,
  .btn-trans,
  .button-popout,
  .dynamic-sidebar #auto-light-next form .gform_footer input[type=submit],
  .dynamic-sidebar .page-template-page-templatescontact-php form input[type=submit],
  .page-template-page-templatescontact-php .dynamic-sidebar form input[type=submit],
  .page-template-page-templatescontact-php .form-main input[type=submit],
  input[type=submit] {
    font-size: 1.5rem;
  }   
}