/************************************
VARIABLES
************************************/
:root {
  /* Custom colors */
  --dark-color: #252525;
  --white-color: #ffffff;
  --black-color: #000000;
  --black-color-11p: rgba(0,0,0,.11);
  --black-color-20p: rgba(0,0,0,.20);
  /* Bootstrap colors */
  --color-success: #27ae60;
  --color-success-text: #fff;
  --color-danger: #dc3545;
  --color-danger-text: #fff;
  --color-warning: #fdbb2f;
  --color-warning-text: #000;
  --color-light: #f8f9fa;
  --color-muted: #6c757d;
  /* Borders */
  --border-color: rgba(0,0,0,.11);
  --border-color-medium: rgba(0,0,0,.30);
  /* Box shadows */
  --shadow-default: 5px 8px 10px rgba(0,0,0,0.06);
  --shadow-large: 3px 10px 20px 0 rgba(0,0,0,.15);
  /* Navbar */
  --navbar-line-height: 90px;
  --navbar-font-size: 1.2rem;
  --navbar-link-padding: 0 15px;
  /* Mobile nav */
  --nav-mobile-bg: var(--white-color);
  --nav-mobile-color: var(--dark-color);
  --nav-mobile-color-hover: var(--navbar-color-hover);
  --nav-mobile-bg-hover: var(--navbar-bg-hover);
  --nav-mobile-color-active: var(--navbar-color-active);
  --nav-mobile-bg-active: var(--navbar-bg-active);
  --nav-mobile-color-focus: var(--navbar-color-active);
  --nav-mobile-bg-focus: var(--navbar-bg-active);
  --navbar-mobile-height: 60px;
  /* Grid */
  --container-padding: 30px;
  --block-padding: 30px;
  --grid-col-margin: 30px;
  /* Social colors */
  --color-facebook: #3b5999;
  --color-facebook-alt: #4a6fbd;
  --color-twitter: #55acee;
  --color-twitter-alt: #64b9fa;
  --color-instagram: #d52977;
  --color-instagram-alt: #e83988;
  --color-linked-in: #0077B5;
  --color-linked-in-alt: #108cce;
  --color-youtube: #ff0000;
  /* Fonts */
  --title-mb: 1.6rem;
  --fs-sm: 0.8rem;
}

@media (max-width: 992px) {
  :root {
    --container-padding: 15px;
    --block-padding: 30px;
    --grid-col-margin: 15px;
    --navbar-line-height: 50px;
    --navbar-font-size: 1.1rem;
  }
}


@media (max-width: 768px) {
  :root {
    --font-size: 1rem;
    --font-size-h1: 2.1rem;
    --font-size-h2: 1.7rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.2rem;
    --font-size-h6: 1rem;
    --font-size-lead: 1.2rem;
  }
}