* {
  box-sizing: border-box;
}

.mainContent {
  max-width: 80%;
  margin: auto;
}

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

.center {
  width: 100%;
  float: left;
  position: relative;
}

.content {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 3em;
}

/* Topbar: */
@media all and (max-width: 1000px) {
	
	.mainContent {
		max-width: 100%;
		margin: auto;
	}
	
	.content {
  		top: 0px;
  		position: relative;
	}
}

/* Fullsize bar: */
@media all and (max-width: 600px) {
	
	.mainContent {
		max-width: 100%;
		margin: auto;
	}
	
	.content {
  		top: 0px;
  		position: relative;
	}
}