/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('./assets/fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./assets/fonts/quicksand-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('./assets/fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./assets/fonts/quicksand-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* quicksand-600 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('./assets/fonts/quicksand-v30-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./assets/fonts/quicksand-v30-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    font-family: "Quicksand", Arial, sans-serif;
    font-weight: 500;
}

/*  h3 {            
            border-bottom: 2px solid #94AEC6;
            font-variant-caps: small-caps;
            display: inline;
            padding: 0px;
        }  */

.myFont {
  /* font-family: "Muli", sans-serif; */
  font-family: "Quicksand", Arial, sans-serif;
  font-weight: regular;
  font-size: 18px;
}

/* Remove the navbar's default margin-bottom and rounded borders */

.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */

.row.content {
  height: 450px;
}

/* Set gray background color and 100% height */

.sidenav {
  background-color: white;
}

.myindent {
  text-indent: 40px;
}

/* Set black background color, white text and some padding */

footer {
  background-color: lightgray;
  /* lightskyblue;*/
  padding: 6px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}

/* On small screens, set height to 'auto' for sidenav and grid */

@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }

  .row.content {
    height: auto;
  }
}