*,*::after, *::before {
   box-sizing: border-box;
}

[class^='grid-col-']{
	float: left;
	margin: 0.5em 0 0.5em 0;
}

.grid-col-main{
	width: 100%;
  padding:0 1.5em 0 1.5em;

}

.grid-col-alt{
  width: 60%;
  padding: 1em 1.5em 1em 1.5em;
  margin: auto;
}

.grid-col-1of2{
	width:50%;
	padding:0 1.5em 0 1.5em;
}

.navbar{
    text-align: right;
}

.grid-col-1of3{
	width:33%;
	padding:0 1.5em 0 1.5em;
}

.grid-col-1of4{
	width:25%;
	/*padding:0 1.5em 0 1.5em;*/
	text-align: center;
}

.grid-col-1of5{
	width:20%;
	/*padding:0 1.5em 0 1.5em;*/
	text-align: center;
}

.jumbo {
	/*margin: 6em 0 0 6em;*/
  margin-left: 10vw;
  margin-top: 15vh;
}

.grid-text {
  margin-left: 10vw;
  margin-top: 25vh;
}

.grid-icon{
	width:10%;
	float: left;
}

.grid-row{
	width: 90%;
	display: block;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 5rem;
}

.grid-row::after{
	content:"";
    display: block;
    clear: both;
}

.footer-div
{
  padding-left: 1.5rem;
  display: inline-block;
  width: 48%;
  /* background: #fafafa; */

}

.footer-div #footerTitle{
  /* margin-left:100%; */
  text-align: right;
}


@media(max-width:45rem){

	.grid-col-1of2{
		width: 100%;
	}
  .user-test{
    width: 100%;
  }
	.grid-col-1of3{
		width: 100%;
	}
	.grid-col-1of4{
		width:100%;
	}
	.grid-col-1of5{
		width:50%;
	}
  .jumbo {
    margin: 0;
  }

}