/* CSS Document */

.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.raleway-400 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.raleway-100 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.raleway-800 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 900

.figtree-100 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.figtree-400 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.figtree-800 {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.shadows-into-light-two-regular {
  font-family: "Shadows Into Light Two", cursive;
  font-weight: 400;
  font-style: normal;
}


.bigger {
    font-size: 1.25rem;
}

.muchBigger {
    font-size: 1.5rem;
}

.huge {
    font-size: 2rem;
}

.smaller {
    font-size: .75rem;
}

.muchSmaller {
    font-size: .5rem;
}

.tiny {
    font-size: .25rem;
}

.btn-primary, .btn-primary:visited {
    background-color: #F18310 !important;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #F7B631 !important;
}

.img-sm {max-width: 30%; height: auto;}
.img-md {max-width: 50%; height: auto;}
.img-lg {max-width: 70%; height: auto;}