/* * { border: 1px solid red; } */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-color: #f8f9fa;
  font-family: 'EB Garamond', serif;
  font-size: 16px;
  color: #2a4344;
  font-weight: 400;
}

a {
  color: #2a4344;
}

    a:hover {
      color: #bbdb94;
      text-decoration: none;
    }


h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

p {
	font-weight: 400;
	line-height: 20px;
  letter-spacing: .5px;
}


/* ------------------------------------------------------- BORDERS */

.border-primary {
  border: 1px solid #2a4344 !important;
}

.border-primary-light {
  border: 1px solid #95a1a2 !important;
}

.border-primary-bottom-light {
  border-bottom: 1px solid #95a1a2;
}

.border-secondary-bottom {
  border-bottom: 1px solid #95c11f !important;
}


.border-secondary-bottom-light {
  border-bottom: 1px solid #bbdb94;
}

.border-secondary-top-light {
  border-top: 1px solid #bbdb94;
}




/* ------------------------------------------------------- BUTTONS */

.btn-primary {
  background-color: #2a4344;
  text-decoration: none;
  outline: none;
  border: none;
  box-shadow: none;
}

    .btn-primary:hover {
       background-color: #192c2d;
    }



.btn-secondary {
  background-color: #95c11f;
  text-decoration: none;
  outline: none;
  border: none;
  box-shadow: none;
}

    .btn-secondary:hover {
       background-color: #bbdb94;
       text-decoration: none;
    }


/* ------------------------------------------------------- CARDS */

.card {
    flex: 1 5 auto;
    margin: 5px;
    background-color: rgba(245, 245, 245, 0);
    border: 0px solid #17a2b8;
}


/* ------------------------------------------------------- DIVIDERS */

.height-10px {
	height: 10px;
}

.height-20px {
	height: 20px;
}

.height-40px {
	height: 40px;
}

.height-60px {
	height: 60px;
}


.height-80px {
	height: 80px;
}

.height-200px {
  height: 200px;
}



/* ------------------------------------------------------- FLEX */

.flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.flex-4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
}


/* ------------------------------------------------------- GRID-BOX */

.grid-box {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20rem, 1fr));
}

.grid-box2 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30rem, 1fr));
}

.grid-box-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(10rem, 1fr));
}


/* ------------------------------------------------------- MARGINS */

.margin-left-0px {
  margin-left: 0px;
}


.margin-right-10px {
  margin-right: 10px;
}




/* ------------------------------------------------------- PADDINGS */

.padding-0px {
  padding: 0px;
}

.padding-left-0px {
  padding-left: 0px;
}


/* ------------------------------------------------------- TEXT STYLES */

.display-5 {
  font-size:2rem;font-weight:300;line-height:1.2
}


.text-secondary {
  color: #95c11f !important;
}