#bannercomic{text-align: center;}
/*#bannercomicreader img{width: 100%;}*/

.noblanco{ text-decoration: none; background-color: black;}

#bannercomicreader{text-align: center; background-color: white; width: 1060px; margin-right: auto; margin-left: auto; }

@media (min-width: 481px) {

body{margin: 0; background-color: black; font-family: 'Raleway', sans-serif; color: white;
	width: 1280px; margin-right: auto; margin-left: auto; text-align: center;
}

#bannercomic img{width: 100%;}
#bannercomic a{margin: 0; padding: 0; background-color: black;}
#bannercomic2 img{width: 100%; margin-top: 50px}
#bannercomic2 a{margin: 0; padding: 0; background-color: black;}

h1{ letter-spacing: 11px; text-align: center;}
h2{ letter-spacing: 14px; text-align: center; font-size: 24px; color: #ffc655;}

P{font-size: 41px; }

#interactiveimage{width: 100%; height: 257px; background-color: black; background-image: url("images/interactive.jpg"); background-repeat: repeat-x;}

#comicselector {flex-direction: row; justify-content: center; top: 140px;
	left:0; background-color: white; width: 100%; height: 40px; position: absolute; color: black; display: flex; font-weight: bold;}
#comicselector div {padding: 20px;}



#circusimage{width: 100%; height: 318px; background-color: black; background-image: url("images/circus.jpg"); background-repeat: repeat-x;}

#avatarsimage{width: 100%; height: 202px; background-color: black; background-image: url("images/polygon.jpg"); background-repeat: repeat-x;}

#project2 a, #project1 a { letter-spacing: 11px; text-align: center; color: black; background-color: white;  font-weight: bold; padding: 5px; text-decoration: none;
float: right; margin-top: 233px;
}

 #project3 a{ letter-spacing: 11px; text-align: center; color: black; background-color: white;  font-weight: bold; padding: 5px; text-decoration: none;
float: right; margin-top: 133px;
}

#tezosimage{width: 100%; height: 202px; background-color: black; background-image: url("images/tezos.jpg"); background-repeat: repeat-x; margin-top: 42px; margin-bottom: 42px;}

a{ color: black; background-color: white;  font-weight: bold; padding: 15px; text-decoration: none; letter-spacing: 12px; margin: 5px;}

#elementalsimage{ width: 100%; height: 318px; background-color: black; background-image: url("images/elemental.jpg"); background-repeat: repeat-x; }

#ethimage{ width: 100%; height: 202px; background-color: black; background-image: url("images/eth.jpg"); background-repeat: repeat-x;  margin-top: 42px; margin-bottom: 42px; }


#aliensimage{width: 100%; height: 202px; background-color: black; background-image: url("images/aliens.jpg"); background-repeat: repeat-x; margin-top: 42px; margin-bottom: 42px;}


#hiveimage{ width: 100%; height: 202px; background-color: black; background-image: url("images/hive.jpg"); background-repeat: repeat-x;  margin-top: 42px; margin-bottom: 42px; }


header { text-align: center;}

}

@media (max-width: 445px) {

	#bannercomicreader{width: 340px;}
	#bannercomicreader img{width: 340px;}

	
	#comicselector {flex-direction: row; justify-content: center; top: 90px;
		left:0; background-color: white; width: 100%; height: 60px; position: absolute; color: black; display: flex; font-weight: bold;}
	#comicselector div {padding: 20px;}
	
	

header img{ display: none;}
header { text-align: center; margin-left: auto; margin-left: auto; height: 100px; width: 100%; background-repeat: no-repeat ; background-image: url("images/logo.jpg"); background-size: 100%;}

body{margin: 0; background-color: black; font-family: 'Raleway', sans-serif; color: white;
	width: 400px; margin-right: auto; margin-left: auto; text-align: center;
}

#bannercomic img{width: 100%;}
#bannercomic2 img{width: 100%;}

#bannercomic a{margin: 0; padding: 0; background-color: black;}
#bannercomic2 a{margin: 0; padding: 0; background-color: black;}


h1{ letter-spacing: 5px; text-align: center; }
h2{ letter-spacing: 14px; text-align: center; font-size: 24px; color: #ffc655;}

P{font-size: 31px; }

#circusimage{width: 100%;   background-color: black; background-image: url("images/celimages/circus.jpg"); background-repeat: repeat-x;}



#circusimage{width: 100%; height: 308px;  background-color: black; background-image: url("images/celimages/circus.jpg"); background-repeat: repeat-x;}

#avatarsimage{width: 100%; height: 202px; background-color: black; background-image: url("images/celimages/polygon.jpg"); background-repeat: repeat-x;}

#project2 a, #project1 a { letter-spacing: 5px; text-align: center; color: black;   font-weight: bold; padding: 5px; text-decoration: none;
 margin-top: 133px; 
}

 #project3 a{ letter-spacing: 5px; text-align: center; color: black; background-color: white;  font-weight: bold; padding: 5px; text-decoration: none;
 margin-top: 133px;
}

#tezosimage{width: 100%; height: 202px; background-color: black; background-image: url("images/celimages/tezos.jpg"); background-repeat: repeat-x; margin-top: 42px; margin-bottom: 42px;}


#elementalsimage{ width: 100%; height: 318px; background-color: black; background-image: url("images/celimages/elemental.jpg"); background-repeat: repeat-x; }

#ethimage{ width: 100%; height: 202px; background-color: black; background-image: url("images/celimages/eth.jpg"); background-repeat: repeat-x;  margin-top: 42px; margin-bottom: 42px; }


#aliensimage{width: 100%; height: 202px; background-color: black; background-image: url("images/celimages/aliens.jpg"); background-repeat: repeat-x; margin-top: 42px; margin-bottom: 42px;}


#hiveimage{ width: 100%; height: 202px; background-color: black; background-image: url("images/celimages/hive.jpg"); background-repeat: repeat-x;  margin-top: 42px; margin-bottom: 42px; }

a{letter-spacing: 5px; color: black; background-color: white;  font-weight: bold; text-decoration: none; line-height: 53px; padding: 5px; }



}


/*
#adlateral1{position: fixed; background-color: white; left: 50px; top: 150px; width: 120px; height: 600px;}
#adlateral2{position: fixed; background-color: white; right: 50px; top: 150px; width: 120px; height: 600px;}
*/

#adabajo{position: fixed; background-color: white;  bottom: 5px; width: 728px; height: 45px; left: 490px;}


.noblanco{ text-decoration: none; background-color: black;}