@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
.header{
	background: #fff;

}
a{
	text-decoration: none;
}

body{
	background-color: #ededed;
	padding-bottom:4rem;
}

h2{
	font-size: 2.4rem;
}

p{
	font-size: 1rem;
}

.about-section{
	margin-top:5rem;
}

.contact-us{
	font-size: 0.9rem;
	padding-top:5rem;
}

.contact-us p{
		font-size: 1rem;
}

.contact-us p.staatliches-regular{
	font-size: 1.6rem;
}

.contact-us a{
	color:#333;
	border-bottom:1px solid transparent;
}

.contact-us a:hover{
	border-bottom:1px solid #333;
}

.home-about{
	padding-top:2rem;
	background-image: url("../images/bridge_image.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	padding-bottom: 21rem;

}

@media screen and (min-width: 578px){
	.contact-us{
		padding-top:2rem;
	}

}

@media screen and (min-width: 768px){
	.contact-us{
		padding-top:0rem;
	}
	.home-about{
		padding-bottom: 25rem;
	}
}

@media screen and (min-width: 992px){
	.contact-us{
		padding-top:7rem;
	}
.home-about{
	padding-bottom: 6rem;

}
}

@media screen and (min-width: 1200px){
.home-about{
margin-top:-3rem;}
}
.starburst{
	background-image: url("../images/starburst.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	color:#fff;
	font-weight: bold;
	margin-top: 0;
	font-size: 1.5rem;
	margin-top:-1.7rem;
	display: inline-block;
	padding: 4rem;
}
.comic-header{
	background-color: #37abc8;
	border-bottom:4px solid #1E5D6D;
	margin-bottom:3rem;
}
.header p{
	font-size: 1rem;
}
.comic-link-container{
	background-color: #37abc8;
	display: inline-block;
	border-radius: 8px;
}
.comic-link{
	border:3px solid #66aba2;
	border-radius: 8px;

}

.comic-link:hover{
	opacity: 60%;
	background-color: red;
}
.comic-link-title{
	display: block;
	font-size: 1.2rem;
	color:#333;
border-bottom: 1px solid transparent;
}
.comic-link-title:hover{
border-bottom: 1px solid #333;
}
.site-title{
	    font-family: 'Times New Roman', Times, serif;
    font-size: 5rem;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom:0;
    text-shadow: 2px 2px #1E5D6D;
}
.under-title{
	font-size:1.1rem;
 color: #ffffff;
 margin-top:-1.2rem;
 padding-bottom:1rem;
}

.book-title{
	background-color: #67ada4;
}
.about{
	padding-top:3rem;
	background-color: #fff;
	background-image:url("../images/pattern_bg.png");
}

.sweaterlink{
	display: block;
	background-image: url("../images/heavy_sweater_logo.png");
	background-size: contain;
	width:100%;
	height: 100px;
	background-repeat: no-repeat;
}

.share-menu{
	list-style-type:none ;
	margin-left:0px;
	padding-left:0;
}
.share-menu li{
	display: inline-block;
	margin-right:1rem;

}

.share-menu li img{
	width:32px;
}

#pageFooter{
	margin-top:3rem;
	padding-bottom:5rem;
}





/*--------- GOOGLE FONTS ----- */



.staatliches-regular {
  font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.comic-relief-regular {
  font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
}

.comic-relief-bold {
  font-family: "Comic Relief", system-ui;
  font-weight: 700;
  font-style: normal;
}