.wrapper {
	margin: 0 auto;
	overflow: paged-y;
}

.wrapper > * {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-head {
  grid-area: header;
}
.content {
  grid-area: content;
}

.main-nav {
	grid-area: nav;
	padding: 10px;
}
.side {
  grid-area: sidebar;
}
.ad {
	grid-area: ad;
}

#content{
	display: grid;
}

.grid-group-mid{
	display: flex;
	justify-content: center;
}

.grid-center{
	display: inline-grid;
	justify-content: center;
}

.grid-item-image{
	display: grid;
	justify-content: center;
	min-width: 15em;
}

.grid-item-image > div{
	display: grid;
	justify-content: center;
	text-align: center;
	margin-bottom: 1em;
}

.grid-child-padding{
	/*padding-left: 5em;*/
	/*padding-right: 5em;*/
	padding-top: 1em;
	padding-bottom: 1em;
}

.grid-child-padding-small{
	padding-top: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

.grid-child-padding-tiny{
	/*padding-left: 2em;*/
	/*padding-right: 2em;*/
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.grid-child-padding-minimal{
	padding: 0.2em;
}

.grid-left, .grid-right, .grid-over, .grid-under{
	flex-direction: column;
}

.grid-left img, .grid-right img, .grid-over img, .grid-under img{
	flex-direction: column;
	margin-bottom: 0.5em;
}

.grid-under img{
	margin-top: 0.5em;
}

@media (min-width: 1240px) {
	.grid-left{
		flex-direction: row;
	}

	.grid-right{
		flex-direction: row-reverse;
	}

	.grid-over{
		display: block;
		flex-direction: column;
	}

	.grid-under{
		flex-direction: column-reverse;
	}

	.grid-left img, .grid-right img {
		margin-top: auto;
		margin-bottom: auto;
		/*margin-bottom: 0em;*/
	}
}

@media(min-width: 1030px){
	.grid-group-three{
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	}
}

@media (min-width: 600px){
	.grid-group-two{
		grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
	}
}

.grid-group-one{
	display: -ms-grid;
	display: grid;
}

.grid-group-two{
	display: -ms-grid;
	display: grid;
	grid-gap: 1em;
}

.grid-group-two *{
	max-width: 100%;
}

.grid-group-three{
	display: -ms-grid;
	display: grid;
	justify-items: center;
	grid-gap: 1em;
}

.grid-group-four{
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-items: center;
}

.grid-group-expand{
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-group-fill{
	display: flex;
	flex-wrap: wrap;
}

.grid-group-fill-no-wrap{
	display: flex;
	flex: inherit;
}

.samePos{
	display: -ms-grid;
	display: grid;
}

.samePos > div{
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	grid-row: 1;
}

.samePos > img{
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	grid-row: 1;
}

.samePos > a{
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	grid-row: 1;
	z-index: 1;
}

.grid-list{
	display: -ms-grid;
	display: grid;
}

.grid-list h3{
	margin-top: 0px;
	margin-bottom: 0px;
}

.grid-list .imageCircle{
	margin-bottom: 0px;
}

.grid-gap-2{
	grid-gap: 2%;
}

.grid-gap-5{
	grid-gap: 5%;
}

.grid-gap-10{
	grid-gap: 10%;
}

.grid-gap-15{
	grid-gap: 15%;
}
.align-bottom {
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
}