@charset "UTF-8";
@import url("../webfonts/WW_Pencil_2/stylesheet.css");
@import url("../webfonts/HAMILLTON_demo/stylesheet.css");
@import url("../webfonts/BEBAS/stylesheet.css");
@import url("../webfonts/Vacations_in_Phuket/stylesheet.css");
@import url("../webfonts/Italipixel/stylesheet.css");
@import url("../webfonts/Boo_City/stylesheet.css");
@import url("../webfonts/Alien_Resurrection/stylesheet.css");
@import url("../webfonts/BodoniXT/stylesheet.css");
@import url("../webfonts/cyberdynexpandital/stylesheet.css");
@import url("../webfonts/Pixel_LCD_7/stylesheet.css");
@import url("../webfonts/FAILED/stylesheet.css");
body {
	font-family: BEBAS;
	font-style: normal;
	font-weight: 400;
	color: #747474;
	background-color: #FFFFFF;
}
header.Max_Humphrey {
	color: #0E0E0E;
	font-family: la-belle-aurore;
	font-style: normal;
	font-size: 70px;
	top: auto;
	margin-top: -19px;
	z-index: 80;
	position: absolute;
	width: 50%;
	margin-right: 0%;
	margin-left: 0px;
	left: 25%;
	right: 20%;
	text-align: center;
}
.core {
	height: 50%;
	width: 50%;
}
a    ,a:visited, a:link {
	/* [disabled]font-family: BEBAS; */
	font-style: normal;
	font-weight: 400;
	color: #747474;
	background-color: #FFFFFF;
	font-size: xx-large;
	text-align: center;
}
a.circle, a.circle:visited, a.circle:link {
}
a:hover {
	color: #747474;
	font-style: normal;
	font-weight: 400;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
div.nav_circle {
	padding-top: 300px;
	padding-bottom: 300px;
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: url(url);
}
.nav_circle.col-lg-offset-1.col-lg-10 {
}
.cp {
	width: auto;
	height: auto;
	text-align: center;
}
.links  {
	color: #000000;
}
.art {
	top: 7%;
	color: #000000;
	position: absolute;
	left: 50%;
	text-align: center;
	-webkit-transition: all 0s ease-in-out 0.1s;
	-o-transition: all 0s ease-in-out 0.1s;
	transition: all 0s ease-in-out 0.1s;
	height: 63px;
	width: 61px;
	right: 50%;
}
.dreamweaver {
	top: 79%;
	color: #000000;
	position: absolute;
	left: 75%;
	text-align: center;
	-webkit-transition: all 0s ease-in-out 0.1s;
	-o-transition: all 0s ease-in-out 0.1s;
	transition: all 0s ease-in-out 0.1s;
	height: 63px;
	width: 61px;
	right: 25%;
}
.bio {
	top: 79%;
	color: #000000;
	position: absolute;
	left: 25%;
	text-align: center;
	-webkit-transition: all 0s ease-in-out 0.1s;
	-o-transition: all 0s ease-in-out 0.1s;
	transition: all 0s ease-in-out 0.1s;
	height: 63px;
	width: 61px;
	right: 75%;
}
.Q {
	position: absolute;
	top: 11%;
	align-content: center;
	left: 38%;
	right: 40%;
}
.bio:hover {
	-webkit-transform: scale(1.5,1.5) translateY(5px) translateX(-5px);
	-o-transform: scale(1.5,1.5) translateY(5px) translateX(-5px);
	transform: scale(1.5,1.5) translateY(5px) translateX(-5px);
}
li {
	text-decoration: none;
	text-align: center;
	list-style-type: none;
}
.parra {
	position: fixed;
	bottom: 0;
	width: 7000px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	height: 48px;
}
.title_bar {
	margin-left: 6px;
	font-size: 593%;
	width: 451px;
	opacity: 1;
	z-index: 2;
}
.arch {
	height: 700px;
	margin-left: -31px;
	margin-bottom: 0px;
	z-index: 6;
	margin-top: -645px;
	display: inline-block;
	width: 554px;
}
.img_background {
	width: 498px;
	height: 629px;
	-webkit-transition: all 0s ease-in-out .5s;
	-o-transition: all 0s ease-in-out .5s;
	transition: all 0s ease-in-out .5s;
}
.div_arch_0 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch {
	width: 500px;
	height: 670px;
	margin-left: 60px;
}
.div_arch_1 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_2 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_3 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_4 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_5 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_6 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.div_arch_7 {
	margin-left: 60px;
	width: 500px;
	height: 670px;
}
.right_text {
	padding-top: 0px;
	position: fixed;
	margin-left: 50%;
	padding-bottom: 0px;
	margin-top: 13px;
	z-index: 7;
	width: 50%;
	margin-right: 0px;
	height: 120px;
}
.proj_desc {
	text-align: right;
	margin-top: -2px;
	position: absolute;
	margin-left: 0px;
	margin-right: 0px;
	right: 10%;
}
.page {
	width: 60%;
	text-align: right;
	position: absolute;
	padding-top: 0px;
	left: 30%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	top: 31%;
}
.div_arch:hover .a1 {
  transform: scale(1.05);
}

.a1 {
	transition: all .5s
}
.div_arch:hover .b1 {
  transform: scale(1);
}
.div_arch_1:hover .c2 {
  visibility: visible();
}
.c2 {
	visibility: hidden;
	transition: all 1s linear 0s;
}
.b1 {
	transition: all .5s
}
.div_arch_1:hover .a2 {
  transform: scale(1.05);
}
.a2 {
	transition: all .5s
}
.div_arch_0:hover .a0 {
  transform: scale(1.05);
}
.div_arch_0:hover .b0 {
  transform: scale(1);
}
.b0 {
	transition: all .5s
}
.a0 {
	transition: all .5s
}
.div_arch_1:hover .b2 {
  transform: scale(1);
}
.b2 {
	transition: all .5s
}
.div_arch_2:hover .a3 {
  transform: scale(1.05);
}
.a3 {
	transition: all .5s
}
.div_arch_2:hover .b3 {
  transform: scale(1);
}
.b3 {
	transition: all .5s
}
.div_arch_3:hover .a4 {
  transform: scale(1.05);
}
.a4 {
	transition: all .5s
}
.div_arch_3:hover .b4 {
  transform: scale(1);
}
.b4 {
	transition: all .5s
}
.div_arch_4:hover .a5 {
  transform: scale(1.05);
}
.a5 {
	transition: all .5s
}
.div_arch_4:hover .b5 {
  transform: scale(1);
}
.b5 {
	transition: all .5s
}
.div_arch_5:hover .a6 {
  transform: scale(1.05);
}
.a6 {
	transition: all .5s
}
.div_arch_5:hover .b6 {
  transform: scale(1);
}
.b6 {
	transition: all .5s
}
.div_arch_6:hover .a7 {
  transform: scale(1.05);
}
.div_arch_6:hover .b7 {
  transform: scale(1);
}
.b7 {
	transition: all .5s
}
.a7 {
	transition: all .5s
}
.div_arch_7:hover .a8 {
  transform: scale(1.05);
}
.a8 {
	transition: all .5s
}
.div_arch_7:hover .b8 {
  transform: scale(1);
}
.b8 {
	transition: all .5s
}.backbutton {
	z-index: 170;
	width: 50px;
	height: 50px;
	position: fixed;
	margin-top: 0px;
	padding-bottom: px;
	bottom: 2%;
	left: 0%;
}
.me_page {
	font-size: 656%;
}
.bio_page {
	width: 50%;
	height: 100%;
	text-align: right;
	float: right;
	margin-top: 1%;
	margin-bottom: 17%;
}
.bio_page p {
	font-size: 273%;
	font-family: BEBAS;
	font-style: normal;
	font-weight: 400;
}
.me_me {
	width: 43%;
	margin-left: 2%;
	margin-top: 4%;
	margin-bottom: 5%;
	border-radius: 0px 35px 35px 0px / 0px 33px 33px 0px;
}
.parra {
}
ol {
	width: 97%;
	height: 69%;
	text-align: center;
	margin-top: 26px;
}
li {
	margin-top: -50px;
	margin-bottom: 151px;
	font-size: medium;
}
li .circle1 {
	font-size: 402%;
}

@media (max-width:1120px){
.right_text.c1 {
	margin-top: 30px;
	text-align: center;
	margin-right: 0px;
	position: fixed;
	right: -4%;
}
}
.art:hover {
	-webkit-transform: grow;
	-o-transform: grow;
	transform: grow;
}
.art:hover {
	-webkit-transform: scale(1.5,1.5) translateY(-5px);
	-o-transform: scale(1.5,1.5) translateY(-5px);
	transform: scale(1.5,1.5) translateY(-5px);
}
.dreamweaver:hover {
	-webkit-transform: scale(1.5,1.5) translateY(5px) translateX(5px);
	-o-transform: scale(1.5,1.5) translateY(5px) translateX(5px);
	transform: scale(1.5,1.5) translateY(5px) translateX(5px);
}
.bio_page h1 {
	font-size: 391%;
}
.bio_page h1 .resume {
	text-align: center;
	font-size: 109%;
}

@media (max-width: 991px){
.nav_circle {
	background-image: url(url);
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 70%;
	margin-left: 12.5%;
	height: 90%;
}
ol {
	margin-bottom: -364px;
	margin-top: -33px;
}
.core {
	height: 27%;
	width: auto;
	margin-bottom: 0px;
}
.bio1 {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 60px;
}
header.Max_Humphrey {
	width: 100%;
	display: block;
	margin-top: 0px;
	position: absolute;
	left: 0%;
	top: -2%;
}
.links {
	height: 11%;
}
.contact {
	width: 94%;
	margin-left: 26px;
	margin-right: 0px;
	margin-top: 0px;
	position: absolute;
	bottom: -100%;
}
.contact .resume1.hidden-lg.hidden-md {
	font-size: 256%;
	margin-top: 0px;
	position: absolute;
	bottom: 7%;
	margin-bottom: 0px;
}
.arch {
	height: 275%;
	margin-top: -365px;
	width: 408px;
width;
}
.img_background {
	height: 248%;
	width: 356px;
	margin-top: 22px;
}
.right_text.c1 {
	margin-top: 82px;
	margin-right: 0px;
	width: 97%;
}
.right_text.c1 .proj_desc {
	text-align: right;
	margin-left: 0px;
	position: absolute;
	right: 6%;
	margin-right: 0px;
}
.right_text.c1 .page {
	width: 81%;
	position: absolute;
	margin-left: -1px;
	text-align: left;
	left: -4%;
}
.title_bar.col-lg-6.col-xs-12 {
	font-size: 324%;
	width: 97%;
	text-align: left;
}
.bio_page {
	margin-right: 13px;
}
.bio_page .img-responsive.hidden-md.hidden-lg.col-sm-offset-0.col-sm-12 {
	font-size: 180%;
	padding-bottom: 0px;
	margin-bottom: -145px;
}
}

@media (min-width:992px){
.core   {
	padding-left: 50%;
	padding-right: 50%;
	margin-left: 0px;
	width: 100%;
}
Header.Max_Humphrey {
	position: absolute;
	top: 41%;
}
.me_me {
	width: 300px;
	margin-bottom: 0px;
	padding-top: 0px;
	position: absolute;
	top: 15%;
	bottom: 13%;
	margin-top: 5%;
}
.me_page  {
	font-size: 915%;
}
.bio_page1  {
	width: 46%;
	margin-left: 395px;
	height: 60%;
	padding-bottom: 0%;
	font-size: 270%;
}
p.img-responsive {
	height: auto;
}
.bio_page {
	width: 30%;
	margin-top: -15px;
	margin-right: 30px;
	height: auto;
	margin-bottom: -12px;
	font-size: 118%;
}
.underline {
	text-decoration: underline;
}
.contact .resume.hidden-sm.hidden-xs {
	margin-left: 38px;
}
}

@media (max-width : 420px ){
.bio_page h1 {
	font-size: 125%;
	margin-top: -4px;
	margin-bottom: 22px;
	padding-top: 0px;
	margin-right: 13px;
}
.col-xs-5.col-xs-offset-0 .resume2.hidden-lg.hidden-md.hidden-sm.img-responsive {
	margin-left: -6px;
}
.bio_page {
	margin-top: 39px;
	margin-right: 5px;
}
.bio_page .img-responsive.hidden-md.hidden-lg.col-sm-offset-0.col-sm-12 {
	font-size: 110%;
	margin-left: 0px;
	text-align: right;
	margin-right: 0px;
	margin-top: 0px;
}
.me_page.img-responsive {
	font-size: 601%;
}
figurecaption {
	font-size: 0%;
}
.col-xs-5.col-xs-offset-0 .resume2.hidden-lg.hidden-md.hidden-sm.img-responsive {
	font-size: 208%;
}
}

@media (max-width: 1200px){
p.img-responsive {
	font-size: 72%;
}
.bio_page {
	font-size: 100%;
}
.contact .resume.hidden-sm.hidden-xs {
	font-size: 187%;
	text-align: center;
	margin-left: 17px;
}
}

@media (max-width: 767px){
.contact  {
	font-size: 154%;
	margin-left: 14px;
	width: 45%;
}
.resume1 {
	width: auto;
	font-size: 43%;
	position: absolute;
	bottom: auto;
	top: auto;
}
.resume2.hidden-lg.hidden-md.hidden-sm.img-responsive {
	width: 100%;
	margin-left: 21px;
	text-align: left;
	font-size: 362%;
}
}