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

[class^='grid-col-']{
	float:left;
	padding: 0;
	text-align: center;

}

.grid-col-2of6{
	width: 100%;
}
.grid-col-1of6{
	width:50%;
	padding: 0.25rem;
}
.grid-col-4of6{
	width:100%;
	padding-left: 0.6rem;
}
.grid-col-3of6{
	width: 100%
	
}
.grid-row::after {
	content: "";
	display: block;
	clear:left;
}

.moji{
	padding: 0;
}

li{
	text-align: left;
}

.grid-col-6of6{
	width: 100%;
}


/*@media (min-width:30em;){
	.col-2of6{
		width :30%;
	}
}*/

@media (min-width: 35em) {

	.grid-col-2of6 {
		width: 33%;
		padding: 0 0 0.8em 0.8em;
		text-align: left;
	}




	p{
	text-align: left;	
	}
	.title-col{
		width:45%;
		padding-left: 1em;
	}
	.grid-col-4of6{
		width:66%;
		text-align: left;
	}
	.grid-col-3of6{
		width:50%;
	}
	footer .grid-col-2of6{
	padding-left: 2rem;
}

}

@media (min-width: 45em){
	.current-page{
	color: rgb(87, 88, 89);
	text-decoration: none;
	letter-spacing: .1rem;
	font-size: 1.1em;
}
	.grid-col-1of6{
		width: 16.66%;
	}

	nav{
		padding-bottom: 0.5rem;
	}

}



header img{
	height:4.2rem;
	width: 4.2rem;
	float: left;


}

.grid-col-2of6 h3{
	padding :0;
}

@media(max-width: 24em){
	h1{
		font-size: 1.25rem;
	}
}

@media(min-width: 33em){
	iframe{
		width: 100%;
	}
}


@media(max-width: 25em){
	iframe{
		width:100%;
	}
}

@media(min-width: 54em){
	.moji{
	padding: 2.5rem;
}
}