@import url('https://fonts.googleapis.com/css2?family=Aguafina+Script&family=Big+Shoulders:opsz,wght@10..72,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&family=Parisienne&family=Rye&family=WindSong:wght@400;500&display=swap');
.oldfashioned{
  font-family: "Parisienne", cursive;
  font-weight: 600;
  font-style: normal;
}
.windsong-regular{
  font-family: "WindSong", cursive;
  font-weight: 400;
  font-style: normal;
}
body{
	padding: 0;
	margin: 0;
	padding-top: 10vh;
	margin-bottom: 10vh;
	background-image: url(/images/runningtext.jpg);
	background-size: 100% auto;
	background-color: rgba(255,255,245,1);
	background-attachment: fixed;
}
a{
	-webkit-transition: color .15s linear;
 	-moz-transition: color .15s linear;
	-o-transition: color .15s linear;
 	transition: color .15s linear;
	color: rgba(60,60,200,1);
}
a:hover,a:focus{
	color: rgba(220,60,60,1);
}
#fillup{
	text-align: left;
	background-color: rgba(60,60,200,1);
	border-color: rgba(220,60,60,1);
	border-style: solid;
	border-width: 0 0 5px 0;
	color: rgba(255,255,255,1);
	padding: 0.5vh 1vw;
	position: fixed;
	top: 0;
	left: 0;
	width: 98vw;
	z-index: 100;
	font-size: 18px;
	line-height: 26px;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
}
#fillup a{
	-webkit-transition: color .15s linear;
 	-moz-transition: color .15s linear;
	-o-transition: color .15s linear;
 	transition: color .15s linear;
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#fillup a:hover,#fillup a:focus{
	color: rgba(220,60,60,1);
}
#toTop{
display: block;
position: fixed;
bottom: 0;
left: 0;
padding: 5px 0;
width: 100vw;
overflow: hidden;
font-size: 18px;
text-align: center;
z-index: 120;
font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
background-color: rgba(60,60,200,1);
	border-color: rgba(220,60,60,1);
	border-style: solid;
	border-width: 5px 0 0 0;
}
#toTop a{
color: rgba(255,255,255,1);	
}
#toTop a:hover,#toTop a:focus{
color: rgba(220,60,60,1);	
}
.higher{
	color: rgba(220,60,60,1);
	font-size: 24px;
	font-weight: 600;
	padding: 0 10px;
}
.imageSmall{
	border: 1px solid rgba(220,60,60,1);
	padding: 0;
	width: 48vw;
	margin: 4vh 25vw;
}
h1,h2,h3,h4,h5,p{
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0.25vh 0;
	width: 48vw;
	text-align: center;
	margin: 0 25vw;
}
h1{
	color: rgba(220,60,60,1);
	font-family: "Rye", serif;
	font-weight: 200;
	font-style: normal;
	margin-bottom: 4vh;
	font-size: 48px;
	line-height: 62px;
}
h2{
	font-weight: 600;
	padding-top: 2vh;
	font-size: 32px;
	line-height: 44px;
}
h3{
	padding-top: 2vh;
	font-size: 28px;
	line-height: 40px;
}
h4,h5{
	padding-top: 1vh;
	font-size: 24px;
	line-height: 36px;
}
.oldfashioned{
	color: rgba(100,70,30,1);
	font-size: 36px;
	line-height: 48px;
}
p{
	color: rgba(100,70,30,1);
	font-family: "Noto Serif", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	padding-top: 2vh;
	font-size: 18px;
	line-height: 32px;
	text-align: left;
}
#moBile{
display: none;	
}
#deskTop{
display: block;	
}
@Media (width < 1400px){
body{
	padding-top: 12vh;
}
h1,h2,h3,h4,h5,p{
	width: 74vw;
	margin-left: 12vw;
	margin-right: 12vw;
}
.imageSmall{
	width: 74vw;
	margin: 4vh 12vw;
}
}
@Media (width < 1280px){
#fillup{
}
h1,h2,h3,h4,h5,p{
	width: 82vw;
margin-left: 8vw;
margin-right: 8vw;
}
.imageSmall{
	width: 82vw;
	margin: 4vh 8vw;
}
}
#topBit{
cursor: pointer;	
}
#mobileHider{
	display: none;
height: 0;
	-webkit-transition: height .3s ease;
 	-moz-transition: height .3s ease;
	-o-transition: height .3s ease;
 	transition: height .3s ease;
}
@Media (width < 900px){
#moBile{
display: block;	
}
#deskTop{
display: none;	
}
#fillup{
position: relative;
margin-bottom: 3.5vh;
	text-align: center;
	line-height: 28px;
}
#fillup a{
	-webkit-transition: color .02s linear;
 	-moz-transition: color .02s linear;
	-o-transition: color .02s linear;
 	transition: color .02s linear;
}
body{
	padding-top: 0;
}
h1{
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
}
h2{
	font-size: 28px;
	line-height: 40px;
}
h3{
	font-size: 24px;
	line-height: 36px;
}
h4,h5{
	font-size: 20px;
	line-height: 32px;
}
.oldfashioned{
  font-size: 30px;
  line-height: 42px;
}
p{
	font-size: 14px;
	line-height: 30px;
}
}