@import url('https://fonts.googleapis.com/css?family=Bitter');

div.container {
    max-width:1200px;
    margin: auto;
}

nav{
	display:block;
	position:fixed;
	width:100%;
	bottom: 0;
	text-align:center; 
	background-color:#f85b30;
	color:white;
	font-size:1.25em;
	padding:0.5%;
}

a{
	text-decoration:none;
	color:white;
}

a:visited{
	text-decoration:none;
	color:white;
}

a:hover { 
    color: yellow;
}

.text{
	color:black;
	text-shadow: 5px 5px 10px white;
}

.whitetext{
	color:white;
}

.white{
	color:white;
	text-shadow: 5px 5px 10px #f85b30;
}

.black{
	color:black;
}

.orange{
	color:#f85b30;
}

.dbzsection{
	color:#f85b30;
}

h2{
	font-size:2.5em;
}

p{
	font-size:1.25em;
}

#needspace{
	margin-left:2%;
	margin-right:2%;
	margin-bottom:10px;
}

#toshow{
	margin-left:2%;
	margin-right:2%;
	margin-bottom:40%;
}

#toshow2{
	margin-left:2%;
	margin-right:2%;
	margin-bottom:15%;
}

#moveup{
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
}


body {
  background-color:white;
  font-family: "Bitter", serif;
}


.banner{
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.footbanner{
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 100px;
    overflow: hidden;
}

.heading{
	color:#000000;
	position: absolute;
	top: 10%;
	width: 100%;
	text-align: center;
	font-size: 5rem;
	text-shadow: 5px 5px 10px #f85b30;
}
 
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}

.right {
    float:right;
}

#who {
	background-color:#3cbdad;
	background-size:cover;
	background-position:center;
	background-image: url("breakwasteland.svg");
}

#whocont {
	background-color:#3cbdad;
}

#db {
	background-color:#7baee5;
	background-size:cover;
	background-position:center;
	background-image: url("gokuhouse.svg");
}

#dbz {
	background-color:black;
	background-size:cover;
	background-position:center;
	background-image: url("saiyanstiny.svg");
}

#dbz2{
	background-color:black;
}

#dbsuper{
	background-color:#5699ea;
	background-size:cover;
	background-position:center;
	background-image: url("zkai.svg");
}


@media only screen and (max-width: 800px) {
   .container{
  		width:100%;}
	
	.heading{
		margin-top:4%;
			width: 100%;
		text-align: center;
		font-size: 3rem;
		text-shadow: 5px 5px 10px #f85b30;}  	
	
	p{
		font-size: 1rem;}
	
	h2{
		font-size: 2em;}	
	
	img {
 		 max-width:100%;
  			height:auto;}
		
	#toshow{
	margin-left:2%;
	margin-right:2%;
	margin-bottom:100%;}
	
	#moveup{
	margin-left:2%;
	margin-right:2%;
	margin-top:-10%;}
	
	#dbsuper{
	background-color:#5699ea;
	background-size:cover;
	background-position:center;
	background-image: url("sky.svg");
	
	#dbz {
		background-color:black;
		background-size:cover;
		background-position:center;
		background-image: url("saiyanscentered.svg");}
		

}

}