:root{
	--head-font: "Poetsen One", "Poppins", sans;
	--main-font: "Poppins", Futura, sans;
}
body{
	overflow-x: hidden; 
}
.header {
	background-color: rgb(255, 255, 255);
	color:rgb(30, 30, 30);
    text-align:center;
    overflow-x: hidden; 
}
.header div {
		background-color: rgba(255,255,255, .9);
		padding: 2vmin;
}
.header p {
	font-size: 1.8em;
	font-family: var(--main-font);
	line-height: 160%;
	letter-spacing: .1rem;
	margin:0;
	padding: 0 3vw 0 0;
}
.header span {
	color: rgb(247, 33, 149);
	font-weight:bolder;
	letter-spacing: 1px;
}
.header em{
	display:block;
}
body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
    background-color:rgb(30, 30, 30);
	color: rgb(255, 255, 255);
}
h1 {
	font-size: 4em;
	font-family: var(--head-font);
	color: rgb(9, 114, 174);
	letter-spacing: .1rem;
	line-height: 70%;
    text-align: center;
 }
h2 {
	font-size: 3.5em;
	font-family: var(--head-font);
	line-height: 115%;
	letter-spacing: .1rem;
	background-color: rgb(9, 114, 174);
	padding: 3vw 0;
    text-align: center;
 }
p {
	font-size: 1.9em;
	font-family: var(--main-font);
	line-height: 140%;
	padding:1vh 6vw;
}
.proto{
    display: none;
}
#bthwide{
    visibility:hidden;
}
.imgtxt {
	width: 101vw;
	margin:auto;
	padding:1vh 3vw;
}
.imgtxt > img {
	width: 90vw;
	margin:auto;
	padding:2vh 0;
}
.imgtxt > div {
	width: 90vw;
	transform: rotate(-2deg);
	font-size: 4em;
	font-family: var(--main-font);
	color: rgb(247, 33, 149);
	text-align:center;
	line-height: 85%;
	padding:2vh 4vw;
}
.imgflex{
	width: 90vw;
	margin:auto;
	text-align: center;
}
.imgflex > img{
	max-width: 100%;
	max-height:80%;
}
#comic{      
       content:url("images/howdy4vert.jpg");
     }
#bthsm{
	width:100%
	margin:auto;
	text-align: center;
	padding-bottom: 4vh;
}
#bthsm a{
	font-size: 2em;
	font-family: var(--main-font);
	color: rgb(9, 114, 174);
	line-height: 70%;
	text-decoration:none;
	padding:0 0 2vh 0;
	 }