* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.wrapper {min-height: calc(100vh - 96px); }

@media screen and (min-width: 0px) and (max-width: 850px){
.aftermath_left {display: block;
				background: black;
				}}

@media screen and (min-width: 851px){
.aftermath_left {display: inline-block;
				float: left;
				background: black;
				max-width: 50%;}}

@media screen and (min-width: 0px) and (max-width: 850px){
.aftermath_right {display: block;
				background: black;}}

@media screen and (min-width: 851px){
.aftermath_right {float: right;
				max-width: 50%;
				background: black;}}

.home_link {
	text-decoration: none;
	color: white;
}

@media screen and (min-width: 0px) and (max-width: 767px){
#logo {font-family: 'Muli', sans-serif;
		font-size: 2.827em;
		text-align: center;
		padding: .5em;
		font-style: italic;
		text-decoration: none;
	}}

@media screen and (min-width: 768px) {
#logo {font-family: 'Muli', sans-serif;
		font-size: 3.998em;
		text-align: center;
		padding: .5em;
		font-style: italic;
		text-decoration: none;
}}

.steady { position: relative; }

h1 {font-family: 'Muli', sans-serif;
	font-size: 2.827em;
	}

h2 {font-family: 'PT Serif', serif;
	font-size: 1.414em;}

@media screen and (min-width: 0px) and (max-width: 983px){
	.test1 {display: none;}
}

@media screen and (min-width: 984px){
.test1 {font-family: 'PT Serif', serif;
		background-color: #00ffff;
		max-width: 480px;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		display: inline-block;
		position: relative;
		float: left;
		margin-bottom: 17px;
		margin-top: 22px;
	}}

.webdesign {background-color: #00ffff;
			padding:.25em;
			}

@media screen and (max-width: 983px){
.first_column_web { display: block;
					margin: auto;
			 	    margin-top: 1.5em;
			 	    margin-bottom: .5em;}}

@media screen and (min-width: 984px) {		
.first_column_web {max-width: 40%;
			 	display: inline-block;
			 	margin-left: 200px;
			 	margin-right: 4em;
			 	margin-top: 2em;}}

@media screen and (max-width: 983px){
.first_column {display: inline-block;
			 	margin-top: -5em;}}

@media screen and (min-width: 984px){
.first_column {max-width: 40%;
			 	display: inline-block;
			 	margin-left: 200px;
			 	margin-right: 4em;
			 	margin-top: -5em;}}

@media screen and (min-width: 0px) and (max-width: 983px){
.camera_column { display: block;
				margin: auto;}}

@media screen and (min-width: 984px) and (max-width: 1079px){
.camera_column {max-width: 20%;
				display: inline-block;}}

@media screen and (min-width: 1080px) {
.camera_column {max-width: 40%;
				display: inline-block;}}

@media screen and (min-width: 0px) and (max-width: 983px){
.second_column {display: block
				margin: auto;}}	

@media screen and (min-width: 984px){
.second_column {max-width: 40%;
				display: inline-block;}}

.second_column2 {max-width: 30%;
				display: inline-block;
				margin-top: -500px;
				}


 .move {text-align: center;
		display: block;
		}

@media screen and (max-width: 983px){
.move2 {
		text-align: center;
		margin-bottom: 5px;
		display: block;
		}}

@media screen and (min-width: 984px){
.move2 {
		text-align: left;
		max-width: 480px;
		float: left;
		margin-bottom: 5px;
		}}

@media screen and (max-width: 983px){
.movefinal  {
		text-align: center;
		margin-top: 15px;
		}}

@media screen and (min-width: 984px){
.movefinal  {
		max-width: 480px;
		float:left;
		margin-top: 100px;
		}}

@media screen and (max-width: 983px){
.final2 {
        text-align: center;
        margin-top: 120px;
}}

@media screen and (min-width: 984px){
.final2 {
		max-width: 480px;
        float: left;
        margin-top: 120px;
}}


.photography {background-color: #000000;
			  padding:.25em;}

.white {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		text-align: center;
		display: block;
		}

@media screen  and (max-width: 958px){
.biotitle {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		display: block;
		text-align: center;
		margin-bottom: 15px;
		}}

@media screen and (min-width: 959px) and (max-width: 1151px){
.biotitle {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		display: block;
		margin-left: 120px;
		margin-bottom: 25px;
		}}

@media screen and (min-width: 1152px){
.biotitle {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		display: block;
		margin-left: 100px;
		margin-bottom: 25px;
		}}

@media screen and (max-width: 767px){
.gametitle2 {font-family: 'Muli', sans-serif;
		font-size: 1.999em; 
		color: white;
		display: block;
		text-align: center;
		padding: 5px;
		}}

@media screen and (min-width: 768px){
.gametitle2 {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		display: block;
		text-align: center;
		padding: 15px;
		}}

.gametitle {font-family: 'Muli', sans-serif;
		font-size: 2.827em; 
		color: white;
		display: block;
		text-align: center;
		padding: 15px;
		}

@media screen and (max-width: 850px){
.aftermath1{font-family: 'PT Serif', serif; 
		color : #ffffff;
		font-size: 1.414em;
		line-height: 1.35em;
	}}

@media screen and (min-width: 851px){
.aftermath1{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		font-size: 1.414em;
		line-height: 1.35em;
		float: right;
		margin-right: 25px;
	}}

@media screen and (max-width: 850px){
.aftermath2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		font-size: 1.414em;
		line-height: 1.35em;
		display: block;
		margin: auto;
		padding-top: 15px;
	}}

@media screen and (min-width: 851px){
.aftermath2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		font-size: 1.414em;
		line-height: 1.35em;
		margin-top: 25px;
		float: right;
		display: block;
		margin-right:25px;
	}}

@media screen and (max-width: 850px){
.aftermath3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		font-size: 1.414em;
		line-height: 1.35em;
		display: block;
		margin: auto;
		padding-top: 15px;
		padding-bottom: 10px;
	}}

@media screen and (min-width: 851px){
.aftermath3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		font-size: 1.414em;
		line-height: 1.35em;
		float: right;
		display: block;
		margin-top : 25px;
		margin-right: 25px;
	}}

@media screen and (max-width: 958px){
.biotext1{font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1em;
		line-height: 1.35em;
		margin-left: 15px;
		margin-right: 15px;
	}}


@media screen and (min-width: 959px) and (max-width: 1151px){
.biotext1{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 40px;
		font-size: 1em;
		line-height: 1.35em;
	}}

@media screen and (min-width: 1152px){
.biotext1{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 425px;
		margin-left: 100px;
		font-size: 1em;
		line-height: 1.35em;
	}}

@media screen and (max-width: 958px){
.biotext2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 15px;
		margin-right: 15px;
	}}


@media screen and (min-width: 959px) and (max-width: 1151px){
.biotext2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 40px;
		font-size: 1em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
	}}

@media screen and (min-width: 1152px){
.biotext2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 425px;
		margin-left: 100px;
		font-size: 1em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
	}}

@media screen and (max-width: 958px){
.biotext3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 1em;
		line-height: 1.35em;
		margin-bottom: 15px;
	}}

@media screen and (min-width: 959px) and (max-width: 1151px){
.biotext3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 40px;
		font-size: 1em;
		line-height: 1.35em;
	}}

@media screen and (min-width: 1152px){
.biotext3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 425px;
		margin-left: 100px;
		font-size: 1em;
		line-height: 1.35em;
	}}




@media screen  and (max-width: 1079px){
.banktext {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 50px;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 1080px){
.banktext {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		margin-left: 150px;
		font-size: 1.414em;
		line-height: 1.35em;
		}}


@media screen and (max-width: 850px){
.bank1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.bank1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align:left;
		max-width: 480px;
		margin-left: 50px;
		font-size: 1.414em;
		line-height: 1.35em;
		}}

@media screen and (min-width: 1080px){
.bank1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		margin-left: 100px;
		font-size: 1.414em;
		line-height: 1.35em;
		}}

@media screen  and (max-width: 850px){
.rainbow1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.rainbow1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 50px;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 1080px){
.rainbow1 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		margin-left: 100px;
		font-size: 1.414em;
		line-height: 1.35em;
		}}

@media screen  and (max-width: 850px){
.rainbow2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1.414em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
	}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.rainbow2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 50px;
		font-size: 1.414em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
	}}

@media screen and (min-width: 1080px){
.rainbow2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		margin-left: 100px;
		font-size: 1.414em;
		line-height: 1.35em;
		margin-top: 25px;
		margin-bottom: 25px;
	}}

@media screen and (max-width: 850px){
.rainbow3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		text-align: center;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.rainbow3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		margin-left: 50px;
		font-size: 1.414em;
		line-height: 1.35em;}}

@media screen and (min-width: 1080px){
.rainbow3{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		margin-left: 100px;
		font-size: 1.414em;
		line-height: 1.35em;}}

.photo_contain2 {font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		font-size: 1em;
		line-height: 1.35em;
		margin-right: 55px;
		margin-top: 10px;
	}

@media screen and (max-width: 767px){
 .photo_final{font-family: 'PT Serif', serif;
		color : #ffffff;
		max-width: 420px;
		font-size: 1em;
		line-height: 1.35em;
		margin-left: 25px;
		margin-top: 65px;
		padding: 10px;
		}
}
@media screen and (min-width: 768px){
.photo_final{font-family: 'PT Serif', serif;
		color : #ffffff;
		max-width: 420px;
		margin-top: 150px;
		font-size: 1em;
		line-height: 1.35em;
		margin-left: 25px;
		}}

.photo_final2{
		margin-top: 55px;
		}



.web_final{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		font-size: 1em;
		line-height: 1.35em;
		margin-left: 25px;
		margin-top: 25px;
		}

.web_contain4{max-width: 420px;
		margin-left: 75px;
		margin-right: 25px;
		display: inline-flex;}

@media screen and (max-width: 1079px){
.web_contain3 {
	font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		font-size: 1em;
		line-height: 1.35em;
		margin-right: 25px;
		margin-top: -15px;
}}

@media screen and (min-width: 1080px){
.web_contain3 {
	font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 420px;
		font-size: 1em;
		line-height: 1.35em;
		margin-right: 25px;
		margin-top: -40px;
}}


	.web_final3{
		margin-top: -125px;
		}

	.photo_final3{
		margin-top: -250px;
		}

	.web_final4{
		margin-top: -85px;
		}

	 .photo_final4{
		margin-top: -200px;
		}

@media screen and (max-width: 983px){
.white2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		margin-top:100px;
		margin-bottom: 25px;
		text-align: center;
	}}		


@media screen and (min-width: 984px){
.white2{font-family: 'PT Serif', serif; 
		color : #ffffff;
		max-width: 480px;
		float: left;
		margin-top:100px;
		margin-bottom: 25px;
	}}

.writing {background-color: #ff9900;
		 padding:.25em;
		}

header {background-color: #000000;
		color: white;}

@media screen and (min-width: 0px) and (max-width: 560px){
footer {background-color: #000000;
		color: white;
		font-family: 'Muli', sans-serif;
		font-size: 1.414em;
		text-align: center;
		padding: .25em;
		}}

@media screen and (min-width: 561px) {
footer {background-color: #000000;
		color: white;
		font-family: 'Muli', sans-serif;
		font-size: 1.999em;
		text-align: center;
		padding: .25em;
		}}

#footlogo {text-decoration: none;
			color: white;}

.web_head {font-family: 'Muli', sans-serif;
	font-size: 2.827em;
	text-align: center;
	padding-bottom: 60px;}

@media screen and (max-width: 983px) {
.anothertest {font-family: 'PT Serif', serif;
		color: #ffffff;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		text-align: center;

}}

@media screen and (min-width: 984px){
.anothertest {font-family: 'PT Serif', serif;
		color: #ffffff;
		max-width: 480px;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		display: inline-block;
		position: relative;
		float: left;

}}

@media screen and (max-width: 983px){
.finaltest {font-family: 'PT Serif', serif;
			background-color: #ff9900;
		font-size: 1em;
		line-height: 1.25em;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
		}}

@media screen and (min-width: 984px){
.finaltest {font-family: 'PT Serif', serif;
			background-color: #ff9900;
			max-width: 480px;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		float:left;
		margin-top: 15px;
		margin-bottom: 15px;
		}}

@media screen and (max-width: 983px){
.finaltest3 {font-family: 'PT Serif', serif;
			background-color: #ff9900;
		font-size: 1em;
		line-height: 1.25em;
		text-align: center;
		margin-bottom: 15px;
		}}

@media screen and (min-width: 984px){
.finaltest3 {font-family: 'PT Serif', serif;
			background-color: #ff9900;
			max-width: 480px;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		float:left;
		margin-bottom: 15px;
		}}

@media screen and (max-width: 983px){
.finaltest2 {font-family: 'PT Serif', serif;
			background-color: #ff9900;;
			text-align: center;
		font-size: 1em;
		line-height: 1.25em;
		margin-top: 15px;
		margin-bottom: 15px;
		}}

@media screen and (min-width: 984px){
.finaltest2 {font-family: 'PT Serif', serif;
			background-color: #ff9900;
			max-width: 480px;
		font-size: 1em;
		padding-left: .25em;
		line-height: 1.25em;
		float:left;
		margin-top: 15px;
		margin-bottom: 15px;
		}}

@media screen and (max-width: 983px) {
.pointer {font-family: 'PT serif', serif;
		font-size: 1.414em;
		text-align: center;
		font-weight: bold;
		padding: 5px;}}

@media screen and (min-width: 984px) {
.pointer {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-top: -5px;
		float: left;
		font-weight: bold;}}

@media screen and (max-width: 983px) {
.pointer_end {display: none;
		}}

@media screen and (min-width: 984px) {
.pointer_end {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-top: -5px;
		float: left;
		font-weight: bold;}}

@media screen and (max-width: 983px){
.mobile_pointer {font-family: 'PT serif', serif;
		font-size: 1.414em;
		text-align: center;
		font-weight: bold;
		display: block;
		padding-bottom: 15px;
		}}

@media screen and (min-width: 984px){
.mobile_pointer {display: none;}}

@media screen and (max-width: 983px){
.pointer2 {display: none;}}

@media screen and (min-width: 984px){
.pointer2 {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		float: left;
		font-weight: bold;}}

@media screen and (max-width: 983px) {
.pointerwhite {font-family: 'PT serif', serif;
		font-size: 1.414em;
		text-align: center;
		font-weight: bold;
		color: white;
		margin-top: 20px;
		}}

@media screen and (min-width: 984px){
.pointerwhite {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-top: -5px;
		float: left;
		font-weight: bold;
		color: white;
		margin-top: 25px;
		}}

@media screen and (max-width: 767px){
.pointerwhite2 {font-family: 'PT serif', serif;
		font-size: 1.414em;
		font-weight: bold;
		color: white;
		padding-top: 15px;
		padding-bottom: 15px;
		}}


@media screen and (min-width: 768px) and (max-width: 1079px){
.pointerwhite2 {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-top: -5px;
		float: left;
		margin-left:50px;
		font-weight: bold;
		color: white;
		margin-top: 25px;
		}}

		@media screen and (min-width: 1080px)  {
.pointerwhite2 {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-top: -5px;
		float: left;
		margin-left:100px;
		font-weight: bold;
		color: white;
		margin-top: 25px;
		}}

@media screen  and (max-width: 939px) {
.pointer_fiction {font-family: 'PT serif', serif;
		font-size: 1.414em;
		text-align: center;
		margin-top: 25px;
		font-weight: bold;}}

@media screen and (min-width: 940px) and (max-width: 1079px) {
.pointer_fiction {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-left: 25px;
		float: left;
		margin-top: 25px;
		font-weight: bold;}}

@media screen and (min-width: 1080px){
.pointer_fiction {font-family: 'PT serif', serif;
			max-width: 480px;
		font-size: 1.414em;
		margin-left: 50px;
		float: left;
		margin-top: 25px;
		font-weight: bold;}}

li {font-size: 1.212em;
	font-family: 'PT Serif', serif;}

.first_contain {background-color: #000000;
		color: white;}

.web_contain {background-color: #00ffff;
		color: white;
		}

@media screen and (max-width: 767px){
.web_contain2 {background-color: #000000;
		}}

@media screen and (min-width: 768px){
.web_contain2 {background-color: #000000;
	padding-bottom: 95px;
		}}

.fiction_contain {background-color: #ff9900;
				 margin-top: -15px;}

.writing_contain {background-color: #ff9900;
				 margin-top: -5px;}

@media screen and (max-width: 850px){
.writing_contain2 {background-color: #ff9900;
					border-top: 5px solid white;
					}}

@media screen and (min-width: 851px){
.writing_contain2 {background-color: #ff9900;
				   border-top: 5px solid white;
				   padding-bottom: 15px;
					}}

.writing_contain3 {background-color: #ff9900;
					border-top: 5px solid white;
					}

.writing_contain4 {background-color: #ff9900;
					margin-top: -15px;
					}}

.photo_contain {background-color: #000000;
		color: white;
		min-height: 50vh;
		font-size: 1.999em;}


.third_contain {background-color: #000000;
		color: white;}

@media screen and (min-width: 0px) and (max-width: 983px){
.web_image {height: 200px;
			margin-top: 2em;
			border-radius: 8px;
			display:block;
			margin: auto;
			}}

@media screen and (min-width: 984px) {
.web_image {height: 200px;
			margin-top: 2em;
			border-radius: 8px;
			position: relative;
			display:inline-block;
			}}

@media screen and (max-width: 983px){
.photo_image {height: 215px;
			border-radius: 8px;
			margin: auto;
			display: block;
			padding: 25px;
			}}

@media screen and (min-width: 984px) and (max-width: 1079px){
.photo_image {height: 215px;
			border-radius: 8px;
			position: relative;
			display:inline-block;
			margin-bottom: 25px;
			}}

@media screen and (min-width: 1080px){
.photo_image {height: 215px;
			border-radius: 8px;
			position: relative;
			display:inline-block;
			margin-bottom: 25px;
			}}

@media screen and (max-width: 983px){
.script_image {display: none;
			}}

@media screen and (min-width: 984px){
.script_image {height: 175px;
			border-radius: 8px;
			display: block;
			position: relative;
			margin-right: 385px;
			}}

@media screen and (max-width: 983px){
.script_image2 {display: none;
			}}

@media screen and (min-width: 984px){
.script_image2 {height: 275px;
			border-radius: 8px;
			display: block;
			position: relative;
			margin-top: 525px;
			margin-right: 460px;
			margin-bottom: 75px;
			}}

@media screen and (min-width: 0px) and (max-width: 925px){
.web_image2 {
			height: 200px;
			border-radius: 35px;
			}}

@media screen and (min-width: 926px) and (max-width: 1079px) {
.web_image2 {
			height: 225px;
			border-radius: 35px;
			margin-left: 75px;
			padding: 5px;
			}}

@media screen and (min-width: 1080px){
.web_image2 {
			height: 250px;
			border-radius: 35px;
			margin-left: 35px;
			padding: 5px;
			}}

@media screen and (min-width: 0px) and (max-width: 925px){
.web_image3 {
			height: 200px;
			border-radius: 35px;
			margin-top: 15px;
			margin-bottom: 15px;
			}}

@media screen and (min-width: 926px) and (max-width: 1079px) {
.web_image3 {
			height: 225px;
			padding: .25em;
			border-radius: 35px;
			margin-left: 15px;
			}}

@media screen and (min-width: 1080px){
.web_image3 {
			height: 275px;
			padding: .25em;
			border-radius: 35px;
			margin-left: 25px;
			}}

@media screen and (min-width: 0px) and (max-width: 925px){
.web_image5 {
			height: 185px;
			border-radius: 35px;
			}}

@media screen and (min-width: 926px) and (max-width: 1079px) {
.web_image5 {
			height: 240px;
			border-radius: 35px;
			margin-right: 75px;
			padding: 15px;
			}}

@media screen and (min-width: 1080px){
.web_image5 {
			height: 250px;
			border-radius: 35px;
			margin-right: 5px;
			padding: 15px;
			}}

.link2 {
	display: block;
	margin:auto;
	padding: 3px 6px 3px 6px;
	background-color: white;
	border-radius: 8px;
	margin-top: 25px;
}
.link_text{	color: black;
	font-family: 'PT Serif', serif;
	font-size: 1.414em;
	font-weight: bold;
	text-decoration:none;
	padding: 3px 6px 3px 6px;
	background-color: white;
	border-radius: 8px;
	display: block;
	text-align: center;
	max-width: 150px;
	margin: auto;
	box-shadow: 5px 5px;
	}

.link_text:active {
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.game_information {	color: black;
	font-family: 'PT Serif', serif;
	font-size: 1.414em;
	font-weight: bold;
	text-decoration:none;
	padding: 3px 6px 3px 6px;
	background-color: white;
	border-radius: 8px;
	display: block;
	text-align: center;
	max-width: 175px;
	margin: auto;
	margin-top: 25px;
	box-shadow: 5px 5px;
	}

.game_information:active {
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
			
.biography {background-color: black;
			}

.pictures {background-color: black;
			}			

.rainbow_contain{background-color: black;
				padding : 25px;}

@media screen and (max-width: 958px){
.self-portrait {
				padding-top: 15px;
				height: 175px;
				margin: auto;
				border-radius: 35px;
				display: block;}}


/*@media screen and (min-width: 561px) and (max-width: 850px){
.self-portrait {
				padding-top: 15px;
				height: 285px;
				margin: auto;
				border-radius: 35px;
				display: block;}}*/

@media screen and (min-width: 959px) and (max-width: 1079px){
.self-portrait {float: right;
				height: 285px;
				margin-top: -400px;
				margin-right: 60px;
				border-radius: 35px;}}

@media screen and (min-width: 1080px) {
.self-portrait {float: right;
				height: 350px;
				margin-top: -400px;
				margin-right: 100px;
				border-radius: 35px;}}

@media screen and (max-width: 560px) {
.rainbows_cards {
				height: 200px;
				border-radius: 35px;
				display: block;
				margin: auto;
				padding: 10px;}}

@media screen and (min-width: 561px) and (max-width: 850px) {
.rainbows_cards {
				height: 275px;
				border-radius: 35px;
				display: block;
				margin: auto;
				padding: 10px;}}

@media screen and (min-width: 851px) and (max-width: 1168px) {
.rainbows_cards {float: right;
				height: 275px;
				margin-top: -250px;
				margin-right: 50px;
				border-radius: 35px;}}

@media screen and (min-width: 1169px)  {
.rainbows_cards {float: right;
				height: 325px;
				margin-top: -275px;
				margin-right: 100px;
				border-radius: 35px;}}

@media screen and (max-width: 813px) {
.keyboard {
				height: 200px;
				display: block;
				margin: auto;
				border-radius: 50px;
				padding-top: 20px;}}

				@media screen and (min-width: 814px) and (max-width: 851px) {
.keyboard {
				height: 250px;
				display: block;
				margin: auto;
				border-radius: 50px;
				padding-top: 20px;}}

				@media screen and (min-width: 852px) and (max-width: 999px) {
.keyboard {
				height: 200px;
				float: right;
				/*margin: auto;*/
				margin-top: -175px;
				border-radius: 50px;
				}}

@media screen and (min-width: 1000px) and (max-width: 1146px){
.keyboard { float: right;
				height: 200px;
				margin-top: -175px;
				margin-right: 100px;
				border-radius: 50px;}}

@media screen and (min-width: 1147px){
.keyboard { float: right;
				height: 275px;
				margin-top: -200px;
				margin-right: 100px;
				border-radius: 50px;}}

@media screen and (min-width: 0px) and (max-width: 939px){
.keyboard_fiction {
				height: 225px;
				border-radius: 35px;
				margin: auto;
				display: block;
				padding: 10px;}}

@media screen and (min-width: 940px) and (max-width: 1079px){
.keyboard_fiction { float: right;
				height: 225px;
				margin-top: -125px;
				margin-right: 85px;
				border-radius: 35px;
				margin-bottom: 50px;}}

@media screen and (min-width: 1080px) {
.keyboard_fiction { float: right;
				height: 260px;
				margin-top: -125px;
				margin-right: 100px;
				border-radius: 35px;
				margin-bottom: 50px;}}

.die {
				height: 300px;
				border-radius: 35px;
				margin-top: 25px;
				margin-bottom: 25px;
				margin-left: 200px;
				display: inline-block;}

@media screen and (max-width: 995px){
.sample1 {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.35em;
			margin-bottom: 15px;
			text-align: center;}}

@media screen and (min-width: 996px) and (max-width: 1079px){
.sample1 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.35em;
			margin-bottom: 15px;
			margin-left: 50px;}}

@media screen and (min-width: 1080px){
.sample1 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.35em;
			margin-bottom: 15px;
			margin-left: 40px;}}

@media screen and (min-width: 0px) and (max-width: 939px){
.sample_fiction {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
		text-align: center;}}

@media screen and (min-width: 940px) and (max-width: 1079px){
.sample_fiction {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.35em;
		margin-top: 60px;
			margin-bottom: 5px;
			margin-left: 25px;}}

@media screen and (min-width: 1080px){
.sample_fiction {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.35em;
		margin-top: 60px;
			margin-bottom: 5px;
			margin-left: 50px;}}

@media screen  and (max-width: 989px){
.logline {font-family: 'Muli', sans-serif;
		  color : #000000;
		line-height: 1.35em;
			margin-bottom: 15px;
			text-align: center;}}

@media screen and (min-width: 990px) and (max-width: 1079px){
.logline {font-family: 'Muli', sans-serif;
		  color : #000000;
		max-width: 500px;
		line-height: 1.35em;
			margin-bottom: 15px;
			margin-left: 25px;}}

@media screen and (min-width: 1080px){
.logline {font-family: 'Muli', sans-serif;
		  color : #000000;
		max-width: 420px;
		line-height: 1.35em;
			margin-bottom: 15px;
			margin-left: 75px;}}

@media screen and (max-width: 995px){
.sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
		margin: auto;
		;}}

@media screen and (min-width: 996px) and (max-width: 1079px){
.sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.55em;
			float: right;
			margin-right: 50px;}}

@media screen and (min-width: 1080px){
.sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.55em;
			float: right;
			margin-top: -10px;
			margin-right: 100px;}}

@media screen and (min-width: 0px) and (max-width: 995px) {
.sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
			margin: auto;
			}}

@media screen and (min-width: 996px) and (max-width: 1079px) {
.sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
			float: right;
			margin-top: -200px;
			margin-right: 50px;
			margin-bottom: 15px;
			max-width: 420px;
			}}

@media screen and (min-width: 1080px) {
.sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.55em;
			float: right;
			margin-top: -225px;
			margin-right: 100px;}}

@media screen and (min-width: 0px) and (max-width: 1079px){
.sample4  {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
			float: right;
			margin-top: 25px;
			margin-right: 50px;
			margin-bottom: 15px;
			max-width: 420px;
			}}

@media screen and (min-width: 1080px){
.sample4  {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.55em;
			float: right;
			margin-top: -40px;
			margin-right: 175px;
			margin-bottom: 25px;}}

@media screen and (min-width: 0px) and (max-width: 945px){
.manuscript_sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
		 text-align: center;
		 margin-top: 5px;}}

@media screen and (min-width: 946px) and (max-width: 1079px){
.manuscript_sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.55em;
			float: right;
			margin-top: 15px;
			margin-right: 25px;}}

@media screen and (min-width: 1080px) {
.manuscript_sample2 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.55em;
			float: right;
			margin-top: 10px;
			margin-right: 10px;}}

@media screen and (min-width: 0px) and (max-width: 945px){
.manuscript_sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
		text-align: center;}}

@media screen and (min-width: 946px) and (max-width: 1079px){
.manuscript_sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.55em;
			float: right;
			margin-top: -150px;
			margin-right: 25px;}}


@media screen and (min-width: 1080px){
.manuscript_sample3  {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 480px;
		line-height: 1.55em;
			float: right;
			margin-top: 150px;
			margin-right: -475px;}}

@media screen  and (max-width: 995px){
.sample5 {font-family: 'PT Serif', serif; 
		color : #000000;
		line-height: 1.55em;
			margin-bottom: 15px;
			text-align: center;}}

@media screen and (min-width: 996px) and (max-width: 1079px){
.sample5 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 420px;
		line-height: 1.55em;
			margin-bottom: 15px;
			margin-left: 35px;}}

@media screen and (min-width: 1080px){
.sample5 {font-family: 'PT Serif', serif; 
		color : #000000;
		max-width: 520px;
		line-height: 1.55em;
			margin-bottom: 15px;
			margin-left: 15px;}}

.writing_title{text-align: center;
				margin: 10px;
				padding-top: 10px;
				padding-bottom: 20px;}

.writing_title2{text-align: center;
				margin: 10px;
				padding-top: 10px;
				padding-bottom: 20px;}

.writing_title3{text-align: center;
				padding-top: 15px;
				padding-bottom: 20px;
				}

.fiction_title{text-align: center;
				margin: 20px;
				padding: 15px;}

@media screen and (max-width: 560px)  {
.open_script {margin: auto;
			height: 200px;
			display: block;
			border-radius: 35px;
			padding-bottom: 15px;}}

@media screen and (min-width: 561px) and (max-width: 995px)  {
.open_script {margin: auto;
			height: 250px;
			display: block;
			border-radius: 35px;
			padding-bottom: 15px;}}

@media screen and (min-width: 996px) and (max-width: 1079px) {
.open_script {height: 275px;
			  float:right;
			  border-radius: 35px;
			  margin-top: -500px;
			  margin-right: 75px;}}

@media screen and (min-width: 1080px){
.open_script {height: 300px;
			  float:right;
			  border-radius: 50px;
			  margin-top: -500px;
			  margin-right: 150px;}}

@media screen  and (max-width: 560px){
.open_script2 {height: 200px;
			  border-radius: 50px;
			  margin: auto;
			  display: block;}}

@media screen  and (min-width: 561px) and (max-width: 989px){
.open_script2 {height: 275px;
			  border-radius: 50px;
			  margin: auto;
			  display: block;}}

@media screen and (min-width: 990px) and (max-width: 1079px){
.open_script2 {height: 275px;
			  float:right;
			  border-radius: 50px;
			  margin-top: -360px;
			  margin-right: 25px;}}

@media screen and (min-width: 1080px){
.open_script2 {height: 375px;
			  float:right;
			  border-radius: 50px;
			  margin-top: -425px;
			  margin-right: 50px;}}

@media screen and (max-width: 560px){
.pencil_tip {height: 200px;
			  border-radius: 35px;
			  margin:auto;
			  display: block;
			  padding: 10px;
			 }}

@media screen and (min-width: 561px) and (max-width: 995px){
.pencil_tip {height: 250px;
			  border-radius: 35px;
			  margin:auto;
			  display: block;
			  padding: 10px;
			 }}

@media screen and (min-width: 996px) and (max-width: 1079px){
.pencil_tip {height: 300px;
			  float:right;
			  border-radius: 35px;
			  margin-top: -600px;
			  margin-right: 50px;}}

@media screen and (min-width: 1080px) {
.pencil_tip {height: 300px;
			  float:right;
			  border-radius: 50px;
			  margin-top: -600px;
			  margin-right: 125px;}}

@media screen and (max-width: 560px) {
.manuscript2 {height: 200px;
			 border-radius: 35px;
			  margin: auto;
			  display: block;
			  padding-bottom: 10px;
			  }}

@media screen and (min-width: 561px) and (max-width: 995px){
.manuscript2 {height: 250px;
			 border-radius: 35px;
			  margin: auto;
			  display: block;
			  padding-bottom: 10px;
			  }}

@media screen and (min-width: 996px) and (max-width: 1079px){
.manuscript2 {height: 300px;
			  border-radius: 35px;
			  margin-left: 50px;
			  margin-top: 75px;
			  }}

@media screen and (min-width: 1080px){
.manuscript2 {height: 300px;
			  float:right;
			  border-radius: 50px;
			  margin-top: -250px;
			  margin-right: 150px;}}

@media screen and (max-width: 560px){
.manuscript3 {height: 200px;
			display: block;
			margin: auto;
			border-radius: 50px;
			}}

@media screen and (min-width: 561px) and (max-width: 945px){
.manuscript3 {height: 275px;
			display: block;
			margin: auto;
			border-radius: 50px;
			}}

@media screen and (min-width: 946px) and (max-width: 1079px){
.manuscript3 {height: 275px;
			  border-radius: 50px;
			  margin-left: 50px;
			}}

@media screen and (min-width: 1080px) {
.manuscript3 {height: 275px;
			  border-radius: 50px;
			  margin-left: 75px;
			  float: left;
			  margin-bottom: 25px;
			}}

@media screen and (min-width: 0px) and (max-width: 850px){
.twenty-sided {display: none;}}			

@media screen and (min-width: 851px) and (max-width: 1079px){
.twenty-sided {height: 225px;
			  border-radius: 50px;
			  margin-left: 50px;
			  margin-top : 100px;}}

@media screen and (min-width: 1080px){
.twenty-sided {height: 300px;
			  border-radius: 50px;
			  margin-left: 75px;}}

@media screen and (max-width: 560px) {
.eight-sided {height: 200px;
			  border-radius: 50px;
			  margin: auto;
			  display: block;
			  padding-bottom: 15px;}}

@media screen and (min-width: 561px) and (max-width: 850px){
.eight-sided {height: 225px;
			  border-radius: 50px;
			  margin: auto;
			  display: block;
			  padding-bottom: 15px;}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.eight-sided {height: 225px;
			  border-radius: 50px;
			  margin-left: 50px;
			  margin-top: 75px;}}

@media screen and (min-width: 1080px) {
.eight-sided {height: 300px;
			  border-radius: 50px;
			  margin-left: 75px;
			  margin-top: 25px;}}

@media screen and (max-width: 767px){
.webtitle { font-family: Muli, sans-serif; 
			text-align: center;
			color: #ffffff;
			font-size: 2.827em;
			background-color: black
			margin-top: 25px;}}

@media screen and (min-width: 768px){
.webtitle { font-family: Muli, sans-serif; 
			text-align: center;
			color: #ffffff;
			font-size: 2.827em;
			padding: 50px;
			background-color: black;}}

@media screen and (max-width: 850px){
.webcommand { font-family: Muli, sans-serif; 
			text-align: center;
			color: #ffffff;
			font-size: 1.999em;
			padding: 15px;
			background-color: black
			margin-top: 25px;}}

@media screen and (min-width: 851px){
.webcommand { font-family: Muli, sans-serif; 
			text-align: center;
			color: #ffffff;
			font-size: 2.827em;
			padding: 50px;
			background-color: black;}}

@media screen  and (max-width: 560px){
.web_image4 {margin: auto;
			height: 175px;
			border-radius: 50px;
			}}


@media screen and (min-width: 561px)  and (max-width: 850px){
.web_image4 {margin: auto;
			height: 200px;
			border-radius: 50px;
			}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.web_image4 {margin: auto;
			height: 200px;
			border-radius: 50px;
			margin-top: -25px;
			}}

@media screen and (min-width: 1080px) {
.web_image4 {margin: auto;
			height: 200px;
			border-radius: 50px;
			}}

@media screen and (min-width: 0px) and (max-width: 850px){
.photo_image2{
			margin: auto;
			height: 175px;
			border-radius: 50px;
			padding: 5px;
			}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.photo_image2{
			margin: auto;
			height: 200px;
			border-radius: 50px;
			}}

@media screen and (min-width: 1080px){
.photo_image2{
			margin: auto;
			height: 275px;
			border-radius: 50px;
			}}

.cheat { clear: both; }

.up {margin-top: -75px;
	float: left;}


.flexbox {display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			align-content: center;}

@media screen and (max-width: 1079px){
.flexbox2 {display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			}}

@media screen and (min-width: 1080px) {
.flexbox2 {display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			}}

@media screen and (max-width : 850px){
.flexbox2_web {display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			}}


@media screen and (min-width : 851px){
.flexbox2_web {display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;}}

@media screen and (max-width : 939px){
.bank_move {text-align: center; }}

@media screen and (min-width : 940px){
.bank_move { margin-left: 50px; }}

@media screen and (max-width: 560px){
	.nori {max-height: 300px;}
}


@media screen and (min-width: 561px) and (max-width: 1079px){
	.nori {max-height: 400px;}
}

@media screen and (min-width: 1080px){
.nori {max-width: 33%;
	max-height: 515px;}}

@media screen and (max-width: 560px){
	.nick {max-height: 300px;}
}

@media screen and (min-width: 561px) and (max-width: 1079px){
	.nick {max-height: 400px;}
}

@media screen and (min-width: 1080px){
.nick {max-width: 33%;
		max-height: 515px;}}

@media screen and (min-width: 0px) and (max-width: 560px){
.group {max-height: 200px;}}

@media screen and (min-width: 561px) and (max-width: 850px){
.group {max-height: 300px;}}

@media screen and (min-width: 851px) and (max-width: 1079px){
.group {max-height: 400px;}}

@media screen and (min-width: 1080px){
.group {max-height: 515px;}}