/*============================================================================
  #Settings Variables
==============================================================================*/
/* BREAKPOINT VARIABLES */
/* COLOR VARIABLES */
/* TYPOGRAPHY VARIABLES */
/*============================================================================
  #BB Optin #3 Stylesheet
==============================================================================*/
/* SPECIFIC STYLES */
/* SECTION STYLES */
.section .container, .header .container, .footer .container {
  max-width: 960px; }

/* HEADER STYLES */
.header .logo--text {
  font-weight: 400; }
  .header .logo--text span {
    color: #e74c3c; }
.header a {
  font-family: Open Sans;
  text-transform: uppercase; }

/* FORM STYLES */
form input.form-control:not([type=checkbox]):not([type=radio]) {
  border-radius: 3px;
  padding: 7px 10px; }

/* OPTIN SECTION STYLES */
.section--opt_in h2 {
  font-size: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 2rem 0; }
.section--opt_in h1 {
  font-size: 24px;
  margin: 2rem 0;
  padding: 0 15%;
  line-height: 1.5; }
.section--opt_in .col-md-7 {
  width: 50%; }
.section--opt_in .col-md-7:first-of-type {
  width: 100%; }
.section--opt_in .optin__panel--boxed {
  border-radius: 3px; }
  .section--opt_in .optin__panel--boxed .optin__heading {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 1.5rem; }
  .section--opt_in .optin__panel--boxed .optin__subheading {
    font-size: 16px;
    color: #7f8c8d; }

/* LAYOUT STYLES */
@media (max-width: 767px) {
  .section [class*="col-md"] {
    display: block;
    width: 100%; } }
