html { font-family: 'MontserratRegular';  background-color: #fff; position: relative;
  min-height: 100%; }
body {
  margin-bottom: 56px; /* Margin bottom by footer height */
}
footer {
	width: 100%;
	background-color: #58585a; 
	position: absolute;
  bottom: 0;
  width: 100%;
  height: 56px; /* Set the fixed height of the footer here */
}
footer a, footer a:hover, footer a:focus { color: #fff; text-decoration: none;  }

/* Utils */

.m-100 { margin: 100px auto 75px auto; }
.mt-50 { margin-top: 50px; }
.fs-1 { font-size: 1em; }
.fs-12 { font-size: 1.2em; }
.fs-15 { font-size: 1.5em; }
.fs-07 { font-size: 0.7em; }
.border-solid { border: 1px solid #999; }
.border-right { border-right: 1px solid #fff; }
.red { color: red; }
.spacer-down, .spacer-up { height: 50px; }

@media only screen and (min-width: 375px) {
	.spacer-down { height: 130px; }
	.spacer-up { height: 100px; }
}

@media only screen and (min-width: 1024px) {
	.spacer-down { height: 75px; }
	.spacer-up { height: 100px; }
}

@media only screen and (min-width: 1580px) {
	.spacer-down { height: 200px; }
	.spacer-up { height: 100px; }
}
