*{
	 box-sizing: border-box;
 }
 a{
        color: #174830;
        background-color:transparent;
        text-decoration:none
                
    }
            
    a:visited  {
        color: #56bc8a;
        background-color: transparent;
        text-decoration: none;
    }
            
    a:hover  {
        color: #174830;
        background-color: transparent;
        text-decoration: underline;
    }

	#bigbutton{
        background: #b18f70;
        height: auto;
		min-height: 5em;
        width: auto;
        margin: 0 0 0;
        border-spacing: 250px;
        border-radius: 3px;
        position: relative;
        top: -1em;
        text-align: middle;
        font-family: Verdana, Geneva, sans-serif;
		display: flex;
		align-items: center;
    }
	     
    body  {
        background: #e3ca82;
        position: relative;
        max-width: 1900px;
        min-width: 93%;
        width: auto;
        overflow-x: hidden;
    }
	
    
    #button{
        background: #b18f70;
        height: 30px;
        width: auto;
        margin: 0 0 -10px;
        border-spacing: 250px;
        border-radius: 3px;
        position: relative;
        top: -19px;
        text-align: middle;
        font-family: Verdana, Geneva, sans-serif;
    }
            
    #buttons{
        background: #281c0a;
        text-align: center;
        z-index: 6;
        width: 106%;
        position: relative;
        left: -3%;
        height: 6em;
        top: -350px;
        overflow: hidden;
    }
	
            
    .button-text{
        position: relative;
        top: 5px;
		text-align: center;
    }
	
	
	[class*="col-"] {
		float: left;
		padding: 15px;
		/*border: 1px solid red;*/
		/* For mobile phones: */
		width: 100%;
	}

	/* For tablets: */
	@media only screen and (min-width: 600px) {
		.col-s-1 {width: 8.33%;}
		.col-s-2 {width: 16.66%;}
		.col-s-3 {width: 25%;}
		.col-s-4 {width: 33.33%;}
		.col-s-5 {width: 41.66%;}
		.col-s-6 {width: 50%;}
		.col-s-7 {width: 58.33%;}
		.col-s-8 {width: 66.66%;}
		.col-s-9 {width: 75%;}
		.col-s-10 {width: 83.33%;}
		.col-s-11 {width: 91.66%;}
		.col-s-12 {width: 100%;}
	}
	
	/* For desktop: */
	@media only screen and (min-width: 768px) {
		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-3 {width: 25%;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-6 {width: 50%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.66%;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
		h1{
			font-size: 62px;
		}
	}
	
	#description{
		text-align: center;
		text-shadow: 0px 0px 4px rgb(180, 166, 187);
	}
    
	div.caption {
        margin-left:-3em;
    }

    div.content{
        padding: 20px;
		margin: 0 0 15px;
        box-shadow: 1px 2px 5px 1px #b18f70;
        height: auto;
        position: middle;
        background: #f9fcff;
        border: 1px #f9fcff;
        border-radius: 3px;
        width: 100%;
        text-align: left;
        font-family: Verdana, Geneva, sans-serif;
    }
	
	#extrasCommission {
		width: 100%;
		height: auto;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		top: 25px;
		display: block;
		padding: 00px;
		z-index: 5;
	}
	
	#extrasCommissionButton {
		background: #b18f70;
        height: auto;
        width: 100%;
		margin-left: auto;
		margin-right: auto;
        border-spacing: 250px;
        border-radius: 3px;
        position: relative;
        top: -24px;
        text-align: middle;
        font-family: Verdana, Geneva, sans-serif;
		padding: 1em;
	}

	#extrasMobile {
		position:relative;
		top:-250px;
	}

	#extrasPatreon {
		position: relative;
		top: 0px;
	}

	#extrasPicarto {
		position: relative;
		top: 15px;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		border: 1px #174848;
		border-radius: 3px;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		z-index: 5;
	}

	#extrasShop {
		position: relative;
		top: 0px;
	}
	
	#extrasSubscribe {
		position: relative;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: 1px #f9fcff;
        border-radius: 3px;
		background: #f9fcff;
		box-shadow: 1px 2px 5px 1px #b18f70;
		padding: 10px;
		z-index: 5;
		top: 15px;
	}   
	
	#extrasTID {
		position: relative;
		width: 100%;
		border: 1px #f9fcff;
        border-radius: 3px;
		background: #f9fcff;
		box-shadow: 1px 2px 5px 1px #b18f70;
		padding: 10px;
		top: 30px;
		z-index: 5;
		margin-left: auto;
		margin-right: auto;
	}
	
	#ExtrasDidContent {
		color: #000000;
		font-family: Verdana, Geneva, sans-serif;
	}
	
	#ExtrasDidContentMobile {
		color: #000000;
		font-family: Verdana, Geneva, sans-serif;
	}
       
    #footer{
        background: #281c0a;
        text-align: center;
        z-index: 6;
        width: auto;
        min-width: 106%;
        position: relative;
        left: -3%;
        height: 6em;
        bottom: -0.5em;
        overflow: hidden;
    }
            
    #footer-box{
        background: #281c0a;
        position: absolute;
        z-index: 7;
        height: 1em;
        width: 100%;
        bottom: 0em;
        overflow: hidden;
	}
            
    #footer-text{
        position: relative;
        width: 100%;
        text-align: center;
        color: #cccccc;
        overflow: hidden;
    }

	h1{
		font-size: 32px;
        color: #56bc8a;
        font-family: "Courier New", Courier, monospace;
    }

	h1.shadow {
		text-shadow: 0px 0px 4px rgb(99, 60, 117);
	}
            
    h3 {
        font-family: "Courier New", Courier, monospace;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
	
	h3#button-text {
		width: auto;
		max-width: 90%;
		transform: translate(0, -20%);
	}
            
    #header{
        background: #ebd2ae7a;
		background-size: 100%;
        height: 400px;
        position: relative;
        width: 106%;
        left: -3%;
        top: -350px;
        z-index: 6;
        font-family: "Courier New", Courier, monospace;
        overflow: hidden;
		text-align: center;
    }
            
    .icon{
        position: relative;
		top: 2em;
		left: -47px;
                
    }
    
	iframe{
		max-width: 100%;
		max-height: 100%;
	}
    
	/* For centering images*/
	img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: auto;
    }

	#mainContent {
		position:relative;
		top:-330px;
	}
	
	/*Mailchimp signup*/
	#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0px 0 0px 3%; top: -5px}
	#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
	#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
	#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
	#mc_embed_signup input:focus {border-color:#333;}
	#mc_embed_signup .button {background-color: #aaa; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: block; font-size:15px; height: 32px; line-height: 32px; text-align: center; width: auto; margin-left: auto; margin-right: auto;}
	#mc_embed_signup .button:hover {background-color:#777;}
	#mc_embed_signup .small-meta {font-size: 11px;}
	#mc_embed_signup .nowrap {white-space:nowrap;}

	#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
	#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
	* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
	#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
	#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
	#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

	#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
	#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
	#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
	#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
	#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

	#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
	#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
	#mc_embed_signup .clear {clear:both;}

	#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
	#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
	#mc_embed_signup .mc-field-group.input-group label {display:inline;}
	#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

	#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
	#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
	#mc_embed_signup #mce-error-response {display:none;}
	#mc_embed_signup #mce-success-response {color:#529214; display:none;}
	#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

	#mc-embedded-subscribe {clear:both; width:auto; display:block; margin-left: auto; margin-right: auto;}
	#mc_embed_signup #num-subscribers {font-size:1.1em;}
	#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

	#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
	#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

	@media only screen and (max-width: 767px){
		#tabs {
			display: none;
		}
		#fillerHeight {
			display: none;
		}
	}
	
	@media only screen and (min-width: 768px) {
		#fillerHeight {
			height: 800px;
		}
	} 
	
	@media only screen and (min-width: 600px) {
		#extrasMobile {
			display: none;
		}
	}
	
	@media only screen and (max-width: 599px) {
		#extras {
			display: none;
		}
	}

	/*Hides slideshow images by default*/
	.mySlides {
		display: none;
	}
    
	/*Position the "next button to the right*/
	.nextSlide {
		border-radius: 3px 0 0 3px;
	}

	p {
		text-align: left;
	}
	
	p.date {
		text-align: center;
		color: #444444;
	}
	
	p.description {
		text-align: center;
	}

	/*Next & previous buttons for slideshow*/
	.prevSlide, .nextSlide {
		cursor: pointer;
		position: relative;
		top: 10%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
	}

	/*On hover, add a black background colour with a little bit see-through*/
	.prevSlide:hover, .nextSlide:hover {
		background-color: rgba(0,0,0,0.8);
	}

	.row::after {
		content: "";
		clear: both;
		display: table;
	}
	
	/* Paning animation */
	.slidePan-in {
		animation-name: pan-in;
		animation-duration: 6s;
	}

	@keyframes pan-in {
		0% {position: relative; left: 0%}
		75% {position: relative; left: 0%}
		100% {position: relative; left: -50%}
	}

	.slideshow-active, .slideshow-dot:hover{
		background-color: #717171;
	}

	.slideshow-container {
		max-width: 110%;
		max-height: 350px;
		position: relative;
		margin: -10px;
		z-index: 5;
		text-align: left;
		left: -0.3%;
	}

	.slideshow-controls {
		max-width: 102%;
		position: relative;
		margin: 0px;
	}

	.slideshow-dot {
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #bbb;
		border-radius: 50%;
		display: inline-block;
		transition: background-color 0.6s ease;
	}

	.slideshow-number {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
	}

    #tabs{
        font-family: "Courier New", Courier, monospace;
        font-size: 22px;
		z-index: 2;
		position: sticky;
		right: 0px;
		top: 36px;
    }
            
    #tab{
        background: #b18f70;
		border: 100px #b18f70;
        height: 3.5em;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 3px;
		margin: 0 0 15px;

                
    }
            
    #tabpos{
        position: relative;
        top: -45px;
		left: 52px;
		display: flex;
		align-items: center;
		height: 3.5em;

    }
    
	#TabText{
		position: relative;
		top: 60%;
		width: auto;
		max-width: 70%;
		left: -42px;
		margin-right: auto;
	}
	
            
    .wrap{
        padding: 10px 25px 10px;
        width: 100%;
        height: auto;
    }