* {
  box-sizing: border-box;
}
:root{
	--head-font: "Poetsen One", "Poppins", sans;
	--main-font: "Poppins", Futura, sans;
}
.header {
	display: grid;
	grid-template-columns: 55% 40%;
	background-color: rgb(255, 255, 255);
	color:rgb(30, 30, 30);
	padding: 30px;
	gap: 50px;
}
.header div {
		background-color: rgba(255,255,255, .9);
		padding: 0 2vmin;
}
.header p {
	font-size: 1.5em;
	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: 3em;
	font-family: var(--head-font);
	font-weight: 400;
	letter-spacing: .1rem;
	color: rgb(9, 114, 174);
	line-height: 60%;
 }
h2 {
	font-size: 4.75em;
	font-family: var(--head-font);
	font-weight: 400;
	letter-spacing: .15rem;
	background-color: rgb(9, 114, 174);
	margin: 0 0 2vh;
	padding:3vh 0;
	text-align:center;
	}
p {
	font-size: 1.5em;
	font-family: var(--main-font);
	line-height: 180%;
	margin:0;
	padding: 2vmax;
}
.rfloat {
	float:right;
	width: 50vw;
	padding: 1vh 1vw 0;
}
.lfloat {
	float:left;
	width: 50vw;
	padding: 1vh 1vw 0;
}
.colfloat {
  float: left;
  width: 49.9%;
  display: flex;
  height: 600px;
  padding: 2vmin;
  margin:auto;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
#bthwide{
	z-index:99;
	position:sticky;
	float:right;
	margin-top:1vh;
	top: 1vh;
	right:1vw;
	width: 75px;
	height: 75px;
	padding:22px 0 12px 0;
	border-radius: 50%;
	text-align:center;
	background-color: rgb(247, 33, 149);
	cursor: default;
}
#bthwide a{
	font-size: 17px;
	font-family: var(--main-font);
	color:rgb(255, 255, 255);
	line-height: 10px;
	text-decoration:none;
}
#bthwide a:hover{
	color: rgb(30, 30, 30);
}
.imgortxt {
	border: 3px solid rgb(9, 114, 174);
	border-left: 0px;
	border-right:0px;
	width:100vw;
	margin:auto;
	padding: 5vh 0;
}
.imgortext img{
	width:90vw;
	text-align:center;
}
.imgtxt {
	border: 3px solid rgb(9, 114, 174);
	border-left: 0px;
	border-right:0px;
	display: flex;
	width:101vw;
	margin:auto;
	padding: 5vh 2vw;
}
.imgtxt > img {
	width: 40%;
	height:auto;
	padding: 2vh 3vw;
}
.imgtxt > div {
	width: 55%;
	transform: rotate(-3deg);
	font: 7.25vh "Caveat", Futura, sans;
	color: rgb(247, 33, 149);
	text-align:center;
	line-height: 100%;
	padding: 2vh 3vw;
}
.imgflex{
	width: 90vw;
	display: flex;
	margin:auto;
}
#twoimg img{
	max-width: 50%;
	margin: auto;
	padding: 20px;
	
}
#threeimg img{
	max-width: 32%;
	margin: auto;
	padding: 20px;
}
#bthsm{
	visibility:hidden;
}
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-track {
  background: rgb(255, 255, 255);
}
::-webkit-scrollbar-thumb {
  background: rgb(247, 33, 149);
}
::selection{
    background-color: rgb(255, 255, 255);
    color: rgb(235, 131, 87);
}