/* Small Screens First:
576  SM
768  MD
992  LG
1200 XL
1400 XXL  */
/* COLOR ******************************** */
:root {
  --color1: #AF1E2D; /* EM Red            */
  --color2: #D7D8D6; /* EM Light Gray     */
  --color3: #758592; /* EM Gray           */
  --color4: #323E48; /* EM Dark Gray     */
  --color5: #49545d; /* EM Dark Gray 87p */
  --color6: #41E832; /* OX Green          */
  
  --font01: 'Spartan', sans-serif;
}
.color1 {color: var(--color1);}
.color2 {color: var(--color2);}
.color3 {color: var(--color3);}
.color4 {color: var(--color4);}
.color5 {color: var(--color5);}
.color6 {color: var(--color6);}

.color1-bg {background-color: var(--color1);}
.color2-bg {background-color: var(--color2);}
.color3-bg {background-color: var(--color3);}
.color4-bg {background-color: var(--color4);}
.color5-bg {background-color: var(--color5);}
.color6-bg {background-color: var(--color6);}

.font-opensans, .font1 {font-family: 'Open Sans', sans-serif; font-weight: 300;}
.font-rajdhani, .font2 {font-family: 'Rajdhani', sans-serif; font-weight: 400;}
.font-roboto, .font3 {font-family: 'Roboto', sans-serif; font-weight: 300; color: blue;}

/* BASE */

body {background-color: var(--color2);}

main {padding-top: 20px;}


/* NECESARIO PARA HOME Imagen principal */
.full-screen {background-size: cover; background-position: center; background-repeat: no-repeat;}

.cid-rnS9bSKuQM {background-image: url("../images/jumbotron.jpg");}

.mbr-arrow a {color: #ffffff;}
@media (max-width: 767px) {.mbr-arrow {display: none;}}

/*! Full-screen (style) */
.mbr-fullscreen .mbr-overlay {
  min-height: 100vh; }

.mbr-fullscreen {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  align-items: center;
  -webkit-align-items: center;
  min-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem; }

/*! Arrow Down */
.mbr-arrow {
  position: absolute;
  bottom: 45px;
  left: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: rgba(80, 80, 80, 0.5);
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .mbr-arrow > a {
    display: inline-block;
    text-decoration: none;
    outline-style: none;
    -webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite; }
    .mbr-arrow > a > i {
      position: absolute;
      top: -2px;
      left: 15px;
      font-size: 2rem; }