html, body {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
min-width: 320px;
background-color: #fff;
color: #333;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 1.5em;
}

@media(min-width:768px) {
  html, body {font-size: 18px;}
}
@media(min-width:992px) {
  html, body {font-size: 20px;}
}
@media(min-width:1200px) {
  html, body {font-size: 24px;}
}


.spacer-1em {display:block;clear: both;height:1em;}
.spacer-2em {display:block;clear: both;height:2em;}
.spacer-3em {display:block;clear: both;height:3em;}
.spacer-4em {display:block;clear: both;height:4em;}
.spacer-5em {display:block;clear: both;height:5em;}
.spacer-6em {display:block;clear: both;height:6em;}
.spacer-7em {display:block;clear: both;height:7em;}

.mb1rem {margin-bottom:1rem !important}
.mb2rem {margin-bottom:2rem !important}
.mb3rem {margin-bottom:3rem !important}


.btn.btn-default {
font-size: .8rem;
color: #7f7f7f;
padding: .3rem 2rem;
}

@media(max-width:767px) {
  .text-center-xs {text-align: center;}
}