body{
	
	background-color: #FFFFFF;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.artGallery{
	background-color: #1E1E1E;
	border-top: thin solid #A09A00;
	
}
.artbackground {
	background-image: url(../images/backgroundPicture.png);
	background-size: contain;
	background-repeat: no-repeat;
}


#Image6{
float: left;
}

#Image4{
	
float: left;
	
	
}

#Image5{
	
float: left;
	
}


.container{
	background-color: #FFFFFF;
}
.navbar-fixed-top {
	border: none;
	z-index: 0;
}
.sliders {
	background-color: #2d71f1;
	margin-top: 50px;
	margin-bottom: 50px;
}
#ClaimVid {
	text-align: center;
	background-color: #1e1e1e;
	width: 100%;
	height: auto;
}
#mobileTop {
	visibility: hidden;
	width: 0%;
	height: auto;
}
.mobileLink {
	width: 0%;
	height: auto;
}
#EmailForm {
	padding-bottom: 40px;
	background-color: #1E1E1E;
	clear: both;
	color: #DBDB45;
	border: thick solid #DBDB45;
	box-shadow: 0px 15px 13px #1E1E1E;
	padding-top: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.designWork{
margin-top: 100px;
	margin-bottom: 70px;
}
textarea {
	resize: none;
}
.LI-profile-badge {
	text-align: center;
}
p {
	line-height: 1.33em;
	color: #313131;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12pt;
	width: 100%;
}
ul {
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 12pt;
	width: 100%;
}
.award {
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 12pt;
	width: 100%;
}

.socialmedia{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	float: right;





}
.navbar.navbar-expand-lg.navbar-light.bg-light {
	z-index: 0;
	background-color: #FFFFFF;
}

hr {
	border: 0;
	height: 1px;
	background: #dbdb45;
	background-image: -webkit-linear-gradient(left, #ccc, #dbdb45, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #dbdb45, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #dbdb45, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #dbdb45, #ccc);
}
#aspVid {
	float: left;
}
#videoBio {
	margin-top:90px;
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 15pt;
}
.space {
	margin-top: 50px;
}
#illustrationBio {
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 12pt;
}
.bottomSwap {
	margin-top: 20px;
	float: left;
	border: solid;
	border-color: #dbdb45;
}
.sideSwap {
	border: solid;
	border-color: #1E1E1E;
}
.letterStyle {
	display: inline;
	background-color: #1e1e1e;
	color: white;
}
#videoBio {
	border-color: #dbdb45;
	border: thick;
}
.paragraph {
	display: inline;
}
#glowArt {
	padding-bottom: 30px;
	float: left;
}
.webLink {
	
}
#swapper {
	margin-top: 20px;
}
.footer {
	position: relative;
	height: 40px;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	background-color: white;
	clear: both;
	
}
.makespace {
	margin-top: 141px;
	clear: both;
}
#headline {
	color: white;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	margin-top: 280px;
	height: auto;
	width: 100%;
}
.copyRight {
	
	color: white;
	text-align: center;
}
.sectionLeft {
	float: left;
}
.sectionRight {
	float: left;
}
.entry-header {
	margin-top: 63px;
	width: 73%;
	position: fixed;
	z-index: 10001;
	height: auto;
	margin-left: 38%;
	margin-right: 0px;
}
h1 {
	color: #313131;
	font-family: 'Museo Sans 500';
	font-size: 20pt;
}
#EmailForm {
	padding-bottom: 40px;
}
.addressInfo {
}
#emailBtn {
	margin-top: 20px;
	background-color: #1e1e1e;
	color: #dbdb45;
	border-color: #dbdb45;
}
#emailBtn:hover {
	background-color: #dbdb45;
	border-color: #1e1e1e;
	border-style: groove;
	color: #1e1e1e;
}
#topSection {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	height: auto;
}
#jbInactive {
	margin-top: 65px;
	float: left;
	border: thick;
	border: solid;
	border-color: #dbdb45;
	width: 100%;
	height: auto;
	margin-right: 50px;
}
#designInactive {
	margin-top: 60px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 100%;
	height: auto;
	
}
#aspInactive {
	margin-top: 60px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	
	width: 100%;
	height: auto;
	
}
#emailInactive {
	margin-top: 60px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 100%;
	height: auto;
}
.headerLoad {
	font-family: 'Bauhaus 93';
	font-size: 80pt;
	float: left;
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	text-align: center;
	margin-left: 0px;
}
.headerLoadDot {
	font-family: 'Bauhaus 93';
	font-size: 90pt;
	color: #DBDB45;
	float: left;
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	margin-left: -52px;
	text-align: center;
}
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 160px;
	height: 160px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #DBDB45;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}
#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ffffff;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #DBDB45;
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
 @keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222222;
	z-index: 1000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}
.no-js h1 {
	color: #222222;
}
#middlePath {
	margin-bottom: 50px;
	margin-top: 20px;
}
#content {
	margin: 0 auto;
	padding-bottom: 50px;
	width: 100%;
	max-width: 960px;
	margin-top: 40px;
}
#overlay {
	background-image: -webkit-linear-gradient(90deg, rgba(59,61,64,0.46) 100%, rgba(97,129,207,0.58) 100%), url(../images/sundDiskBackground1.png);
	background-image: -moz-linear-gradient(90deg, rgba(59,61,64,0.46) 100%, rgba(97,129,207,0.58) 100%), url(../images/sundDiskBackground1.png);
	background-image: -o-linear-gradient(90deg, rgba(59,61,64,0.46) 100%, rgba(97,129,207,0.58) 100%), url(../images/sundDiskBackground1.png);
	background-image: linear-gradient(0deg, rgba(59,61,64,0.46) 100%, rgba(97,129,207,0.58) 100%), url(../images/sundDiskBackground1.png);
	margin-top: 20px;
	padding-bottom: 300px;
	background-repeat: no-repeat;
	background-color: #323D48;
	color: white;
}
#logo {
	margin-bottom: -480px;
	margin-left: 45%;
	font-weight: 700;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}
.socialmedia2 {
	visibility: hidden;
	display: inline;
	
	
}
.jumbotron.jasonB {
	background-image: url(../images/newJumbotron.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	background-position: center 0%;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 36%;
	background-color: #FFFFFF;
}
.btn.btn-primary.btn-lg {
	background-color: #1E1E1E;
}
.embed-responsive {
	background-color: #FFFFFF;
	width: 21%;
	height: auto;
}
#SIGVID   {
	background-color: #FFFFFF;
	background-position: -24% 0%;
	margin-top: -176px;
}
.movie {
	background-color: #FF0004;
}







/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media print,  (-o-min-device-pixel-ratio: 5/4),  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}

@media (max-width: 750px) {


.sideSwap {
	float: left;
	border: solid;
	border-color: #dbdb45;
	margin-top: 0px;
}
.bottomSwap {
	float: left;
	border: solid;
	border-color: #dbdb45;
	margin-top: 10px;
	margin-bottom: 0px;
}
#mainStage {
	margin-top: 10px;
	padding: 0px;
}
#illustrationBio {
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 12pt;
	clear: both;
	margin-top: 15px;
}
#EmailForm {
	padding-bottom: 40px;
	background-color: #1E1E1E;
	clear: both;
	color: #DBDB45;
	border: thick solid #DBDB45;
	-webkit-box-shadow: 1px 1px 0px 0px;
	box-shadow: 1px 1px 0px 0px;
	padding-top: 30px;
}
.addressInfo {
	float: right;
}


}

@media (max-width: 780px) {
#aspInactive {
	margin-top: 0px;
	float: left;
	height: auto;
	width: 20%;
	border: hidden;
}
#emailInactive {
	margin-top: 0px;
	float: left;
	height: auto;
	width: 20%;
	border: hidden;
	visibility: hidden;
}
#jbInactive {
	float: left;
	margin-top: 0px;
	width: 20%;
	height: auto;
}
#designInactive {
	margin-top: 0px;
	float: left;
	height: auto;
	width: 17%;
	border: hidden;
}
}

@media (max-width: 470px) {
#mobileTop {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
}
.mobileLink {
	visibility: visible;
	width: 100%;
	height: auto;
	margin-top: 3px;
}
.addressInfo {
	width: 100%;
	height: auto;
	text-align: center;
	display: inline;
	font-size: 10pt;
	clear: both;
}
#topSection {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#aspInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#emailInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#jbInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#designInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
}

@media (max-width: 1198px) {
#videoBio {
	margin-top: 30px;
	line-height: 1.33em;
	color: #313131;
	font-family: 'Adelle Sans';
	font-size: 15pt;
	clear: both;
	width: 100%;
	height: auto;
}
#aspVid {
	float: left;
	width: 100%;
	height: auto;
}
}

@media (max-width: 738px) {
#jbInactive {
	float: left;
	
	margin-left: 0px;
	margin-top: 40px;
		width: 20%;
	height: auto;
}
	
#designInactive {
	margin-top: 20px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 20%;
	height: auto;
}
#aspInactive {
	margin-top: 0px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 20%;
	height: auto;
		
}
#emailInactive {
	margin-top: -20px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 20%;
	height: auto;
}
}

@media (max-width: 613px) {
#mobileTop {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
}
.mobileLink {
	visibility: visible;
	width: 100%;
	height: auto;
	margin-top: 3px;
}
.addressInfo {
	width: 100%;
	height: auto;
	text-align: center;
	display: inline;
	font-size: 10pt;
	clear: both;
}
#topSection {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#aspInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#emailInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#jbInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#designInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
}

@media (max-width: 320px) {
#mobileTop {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
}
.mobileLink {
	visibility: visible;
	width: 100%;
	height: auto;
	margin-top: 3px;
}
.addressInfo {
	width: 100%;
	height: auto;
	text-align: center;
	display: inline;
	font-size: 10pt;
	clear: both;
}
#topSection {
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#aspInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#emailInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#jbInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
#designInactive {
	visibility: hidden;
	width: 0%;
	height: auto;
}
}

@media (min-width:750px) and (max-width:991px){
	#jbInactive {
	float: left;
	
	margin-left: 0px;
	margin-top: 40px;
		width: 15%;
	height: auto;
}
	
#designInactive {
	margin-top: 20px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 15%;
	height: auto;
}
#aspInactive {
	margin-top: 0px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 15%;
	height: auto;
		
}
#emailInactive {
	margin-top: -20px;
	float: left;
	border: thin;
	border: solid;
	border-color: #dbdb45;
	background-color: #1e1e1e;
	border-radius: 100%;
	padding: 1%;
	width: 15%;
	height: auto;
}
}

@media (max-width: 991px){
.socialmedia {
	visibility: collapse;
}
.socialmedia2 {
	list-style-type: none;
	visibility: visible;
	display: inline-block;
	
}
	#SIGVID {
	visibility: hidden;
}
.makespace {
	margin-top: 90px;
	clear: both;
	
}

	
	footer p{
		color:#1E1E1E;
	}
.jumbotron.jasonB {
	background-image: url(../images/newJumbotron.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	background-position: center 0%;
	width: 100%;
	height: auto;
	padding-top: 0px;
	margin-top: 100px;
	padding-bottom: 80%;
	background-color: #FFFFFF;
}

	
}

.headerTitle {
	text-align: center;
}

.topHeader {
text-align: center;
	margin-right: 8%;
}