html {
  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%);
}

body {
  background: none;
}

.languages-block {
  margin-top: -0.5em;
}

/* body {
  min-height:100vh;
}

.flex-fill {
  flex:1 1 auto;
} */
/* html,
body,
header,
footer {
    
    
} */

@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;
  left: 0;
  bottom: 0;
  width: 100%;
  clear: both;
  height: 100px;
  position: fixed;
} */



.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%; 
  }

  #footer-group{
    font-size: 1.1rem;
  }
}

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

  #footer-group{
    font-size: 1.2rem;
  }
}


/* 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) {
  html {
    font-size: 1.2rem;
   }

/*   .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 70% !important;
  } */
  
  #footer-group{
    font-size: 1.2rem;
  }
  
 
}

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

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

  #footer-group{
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) and  (min-height: 850px){
  #row-sites{
    min-height : 420px;
  }
}

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

.btn {
  line-height: 0.8rem; 
}

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