html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%; }
  
* {
  box-sizing: border-box;
}

.font-light {
  font-weight: 300; }

.font-regular {
  font-weight: 400; }

.font-heavy {
  font-weight: 700; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.justify {
  text-align: justify; }

.hidden-sm {
  display: none; }

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 33.75em) {
    .container {
      width: 80%; } }
  @media only screen and (min-width: 60em) {
    .container {
      width: 75%;
      max-width: 60em; } }

.container-fluid {
	width: 100%;
	padding: 0 0;
}	  
	  
.row {
  position: relative;
  width: 100%; 
}

.row > .col-1,
.row > .col-2,
.row > .col-3,
.row > .col-4,
.row > .col-5,
.row > .col-6,
.row > .col-7,
.row > .col-8,
.row > .col-9,
.row > .col-10,
.row > .col-11,
.row > .col-12,
.row > .col-1-sm,
.row > .col-2-sm,
.row > .col-3-sm,
.row > .col-4-sm,
.row > .col-5-sm,
.row > .col-6-sm,
.row > .col-7-sm,
.row > .col-8-sm,
.row > .col-9-sm,
.row > .col-10-sm,
.row > .col-11-sm,
.row > .col-12-sm
 {
  float: left;
  padding: 0.5em 2%;
  min-height: 0.125em; }
  

.row::after {
  content: "";
  display: table;
  clear: both; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 100%; }



.row.no-gutters > .col-1,
.row.no-gutters > .col-2,
.row.no-gutters > .col-3,
.row.no-gutters > .col-4,
.row.no-gutters > .col-5,
.row.no-gutters > .col-6,
.row.no-gutters > .col-7,
.row.no-gutters > .col-8,
.row.no-gutters > .col-9,
.row.no-gutters > .col-10,
.row.no-gutters > .col-11,
.row.no-gutters > .col-12,
.row.no-gutters > .col-1-sm,
.row.no-gutters > .col-2-sm,
.row.no-gutters > .col-3-sm,
.row.no-gutters > .col-4-sm,
.row.no-gutters > .col-5-sm,
.row.no-gutters > .col-6-sm,
.row.no-gutters > .col-7-sm,
.row.no-gutters > .col-8-sm,
.row.no-gutters > .col-9-sm,
.row.no-gutters > .col-10-sm,
.row.no-gutters > .col-11-sm,
.row.no-gutters > .col-12-sm  {
	 margin: 0.5em 0;
	 padding-left: 0;
	 padding-right: 0;
 }  
  
  
@media only screen and (min-width: 45em) {
  .col-1 {
    width: 8.33333%; }

  .col-2 {
    width: 16.66667%; }

  .col-3 {
    width: 25%; }

  .col-4 {
    width: 33.33333%; }

  .col-5 {
    width: 41.66667%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.33333%; }

  .col-8 {
    width: 66.66667%; }

  .col-9 {
    width: 75%; }

  .col-10 {
    width: 83.33333%; }

  .col-11 {
    width: 91.66667%; }

  .col-12 {
    width: 100%; }

  .hidden-sm {
    display: block; } 
	
	
	.col-1-sm {
  width: 8.33333%; }

	.col-2-sm {
	  width: 16.66667%; }

	.col-3-sm {
	  width: 25%; }

	.col-4-sm {
	  width: 33.33333%; }

	.col-5-sm {
	  width: 41.66667%; }

	.col-6-sm {
	  width: 50%; }

	.col-7-sm {
	  width: 58.33333%; }

	.col-8-sm {
	  width: 66.66667%; }

	.col-9-sm {
	  width: 75%; }

	.col-10-sm {
	  width: 83.33333%; }

	.col-11-sm {
	  width: 91.66667%; }

	.col-12-sm {
	  width: 100%; }
  
	
}

@media only screen and (min-width: 25em) and (max-width: 45em) {

	.col-4-sm, .col-8-sm { width: 50%; }
	
}