html,
body,
header {
    height: 100%;
    font-family: 'Museo Slab 100';
    background: #3c3c3c;
    background: radial-gradient(ellipse farthest-corner at center center, #3c3c3c 0%, #1a1a1a 100%);
    background: -webkit-radial-gradient(ellipse farthest-corner at center center, #3c3c3c 0%, #1a1a1a 100%);
    background: -moz-radial-gradient(ellipse farthest-corner at center center, #3c3c3c 0%, #1a1a1a 100%);
    
}

@font-face {
  font-family: 'Museo Slab 100';
  src: url('../fonts_files/MuseoSlab-100.eot');
  src: url('../fonts_files/MuseoSlab-100.eot?#iefix') format('embedded-opentype'),
  url('../fonts_files/MuseoSlab-100.woff2') format('woff2'),
  url('../fonts_files/MuseoSlab-100.woff') format('woff'),
  url('../fonts_files/MuseoSlab-100.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-MuseoSlab-100 {
  font-family: 'Museo Slab 100';
}

@font-face {font-family: "Museo Sans 100";
  src: url("../fonts_files/MuseoSans-100.eot");
  src: url("../fonts_files/MuseoSans-100.eot?#iefix") format("embedded-opentype"),
  url("../fonts_files/MuseoSans-100.woff2") format("woff2"),
  url("../fonts_files/MuseoSans-100.woff") format("woff"),
  url("../fonts_files/MuseoSans-100.ttf") format("truetype"),
  url("../fonts_files/MuseoSans-100.svg#Museo Sans 100") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-MuseoSans-100 {
  font-family: 'Museo Sans 100';
}

html {
  font-size: 0.75rem;
}

html body .container-fluid.body-content {
  position: absolute;
  top: 5em;
  bottom: auto;
  right: 0;
  left: 0;
  overflow-y: auto;
  
}

footer {
  position: absolute;
  font-size: 1.6em;
}

.btn-img {
  max-width: 60%;
}



/* X Small devices (400px and up) */
@media (min-width: 400px) {
  html {
    font-size: 0.9rem;
  }
  .btn-img {
    max-width: 60%; 
  }
}

/* Small devices (sm 576px and up) */
@media (min-width: 576px) {
  html {
    font-size: 1.0rem;
  }
  .btn-img {
    max-width: 100%; 
  }
}


/* Medium devices (md tablets, 768px and up) */
@media (min-width: 768px) {
  html {
    font-size: 1.1rem;
   }

   .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90% !important;

    
  }
}

/* iPhone 10 (812px x 375px)*/
@media (min-width: 768px) and  (max-height: 376px){
  #body-content-logo{
    max-width: 70%;
    margin: auto;    
  display: block;
  }

}

/* Large devices (lg desktops, 992px and up) */
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85% !important;
  }
 
}

/* Extra large devices (xl large desktops, 1200px and up) */
@media (min-width: 1200px) {
  html {
   font-size: 2.0rem;
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 80% !important;
  }
}

hr {
  border-top: 1px solid rgba(255, 255, 255);
}

.btn {
  line-height: 0.8rem; 
}

.center-img img {
  margin: auto;    
  display: block;
}