#wrapper {
	background-color: #242424;
	width:992px; 
	/*width: 80%;*/
	margin-right: auto;
	margin-left: auto; 
}
#sidebar{
	font-weight: bold;
	position: fixed;
	top: 230px;
	float: left;
	width: 125px;
	text-align: left;
	background-color: #242424;
	border: groove 10px #000000;
}
#sidebar a{
	border-bottom-style: solid;
	text-decoration: none;
	font-size: 25px;
	font-family: Luminari, Georia, sans-serif;;
	padding-right: 10px;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #242424;
	transition: color 1s, background-color 1s;	
}
#sidebar li{
	display: block;
	padding-bottom: 10px;
}
#sidebar ul{
	list-style-type: none;
	padding-left: 0;
}
#sidebar a:link{
	color: #96a8a8;

} 
#sidebar a:visited{
	color: #96a8a8;
}
#sidebar a:hover{
	color: #F4F4F4;
	background-color: #000000;
	border-color: #F4F4F4;
	border-width: 2px; 
	border-bottom-style: solid;
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
}


h1{
	padding: 5px;
	margin: 5px;
	font-family: Apple Chancery, "Times New Roman", sans-serif;;
}
header{
	background-color: #000000;
	color: #96a8a8;
	font-size: 30px;
	font-family: Apple Chancery, "Times New Roman", sans-serif;;
	display: block;
	text-align: left;
	
}
.quetzalcontainer {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align items at the start */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.quetzal {
    margin-right: 15px;
    width: 150px;
    height: auto;
}

@media (max-width: 600px) {
    .container {
        flex-direction: column; /* Stack the image and text on smaller screens */
        align-items: center; /* Center items vertically */
    }
}
nav-scrolled{
	background-color: red;
}
nav{
	font-weight: bold;
	font-family: Luminari, Georgia, serif;
	float: none;
	width: auto;
	text-align: left;
	background-color: #242424;
	border-color: #96a8a8;
	border-width: 10px; 
	border-bottom-style: solid;

}
nav a {
	text-decoration: none;
	font-size: 25px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #242424;
	transition: color 1s, background-color 1s;

}
nav a:link{
	color: #96a8a8;

} 
nav a:visited{
	color: #96a8a8;
}
nav a:hover{
	color: #FFFFFF;
	background-color: #000000;
	border-color: #ffffff;
	border-width: 3px; 
	border-bottom-style: solid;
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
}
nav li{
	display: inline-block;
}
nav ul{
	list-style-type: none;
	padding-left: 0;
}
body{
	background-color: #000000;
	color: #242424;
	font-family: Verdana, Arial, sans-serif; 
	background-image: linear-gradient(to top, #242424,#000000);
	background-attachment: fixed;
}
main {
	background-color: #242424;
}
main p{
	background-color: #242424;
	font-size: 23px;
	font-family: Sofia, sans-serif;
}
#homecake{
	display: block;
	margin-top: 50px;
	align-content: center;
	vertical-align: center; 
	background-image:url("images/SSI.jpg");
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	height: 800px;
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
#homecake:hover{
}
.breakbar{
	width:972px;
	height:90px;
	background-color: #242424;
	border: groove 10px #000000;
	color: #96a8a8;

}
.breakbar p{
	margin: auto;
	text-align: center;
	font-family: Sofia, serif;
	font-size: 60px;
}
.ghostbreak{
	width:100%;
	height:90px;
	background-color: #EDDFC1;
	color: #96a8a8;
}
.ghostbreak p{
	background-color: #EDDFC1;
	margin: auto;
	text-align: center;
	font-family: Sofia, serif;
	font-size: 60px;
}
.aboutus{
	font-family: serif;
	line-height: 40px;
	text-decoration: none;
	color: #96a8a8;
	text-align: center;
	font-size:23px;
	background-color: #242424;
	padding:5px 30px 10px 30px;
	margin: 5px 30px 0px 30px;
}
.aboutus a{
	color: #96a8a8;
	text-decoration: none;
	border:groove 5px #96a8a8;
	background-color: #242424;
	padding: 5px;
}
.aboutus a:hover{
	color: #242424;
	text-decoration: none;
	border:double 5px #96a8a8;
	background-color: #96a8a8;
	transition: color 1s, background-color 1s;
}

#ghostbar{
	font-weight: bold;
	position: fixed;
	top: 50px;
	float: left;
	width: 180px;
	text-align: left;
	background-color: transparent;

}
#ghostbar a{
	border-bottom-style: solid;
	text-decoration: none;
	font-size: 25px;
	font-family: Luminari, Georgia, serif;
	padding-right: 10px;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	transition: color 1s, background-color 1s;	
}
#ghostbar li{
	display: block;
	padding-bottom: 10px;
}
#ghostbar ul{
	list-style-type: none;
	padding-left: 0;
}
#ghostbar a:link{
	color: #F4F4F4;

} 
#ghostbar a:visited{
	color: #F4F4F4;
}
#ghostbar a:hover{
	color: #96a8a8;
	background-color: #000000;
	border-color: #96a8a8;
	border-width: 2px; 
	border-bottom-style: solid;
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
}
#ghosttypes {
	background-color: #EDDFC1;
	text-align: center;
	font-family: Sofia, "Times New Roman", sans-serif;;
	margin-left: 5px;
	margin-right: 5px;
	border-color: #333;
	border-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-bottom: 3px;
	padding-top: 3px;
}
#ghostsheet {
	background-color: #EDDFC1;
}
#ghostsheet p span {
    display: block; /* Make each line a block-level element */
    margin-bottom: 0px; /* Add space between lines */
    padding-bottom: 1px; /* Add space between text and border */
}

#ghostsheet p span::after {
    content: "";
    display: block;
    height: 1px; /* Border thickness */
    background-color: #333; /* Border color */
    margin-top: 5px; /* Space above the border */
}
#nattmara {
    color: #4B4E53;
    font-family: Sofia, "Times New Roman", monospace;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
}
#nattmara strong{
	font-family: Sofia, serif;
	color: red;
	font-size: 1.2em;
}

#wraith {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
}

#wraith strong{
	font-family: Sofia, serif;
	color: teal;
	font-size: 1.2em;
}

#chindi {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
}

#chindi strong{
	font-family: Sofia, serif;
	color: purple;
	font-size: 1.2em;
}

#phantom {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
	background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
}

#phantom strong{
	font-family: Sofia, serif;
	color: green;
	font-size: 1.2em;
}

#doppelganger {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
}

#doppelganger strong{
	font-family: Sofia, serif;
	color: #d47a13;
	font-size: 1.2em;
}
#daemon {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
    background-color: #EDDFC1;
    padding: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

#daemon strong {
    font-family: Sofia, serif;
    color: #8a0032;
    font-size: 1.2em;
}
#daemon em {
    font-style: italic;
    color: gray; /* For the "To be determined" part */
}

#dybbuk {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
    background-color: #EDDFC1;
    padding: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

#dybbuk strong {
    font-family: Sofia, serif;
    color: #003087;
    font-size: 1.2em;
}

#dybbuk em {
    font-style: italic;
    color: gray; /* For the "To be determined" part */
}
#ikiryō {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

#ikiryō strong {
    font-family: Sofia, serif;
    color: #590159;
    font-size: 1.2em;
}

#ikiryō em {
    font-style: italic;
    color: gray; /* For the "To be determined" part */
}
#banshee {
    color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
    background-color: #EDDFC1;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

#banshee strong {
    font-family: Sofia, serif;
    color: #196919;
    font-size: 1.2em;
}

#banshee em {
    font-style: italic;
    color: gray; /* For the "To be determined" part */
}

/* Seekers */
#firefighter {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
}
#firefighter strong{
	font-family: Sofia, serif;
	color: red;
	font-size: 1.2em;
}

#detective {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
}

#detective strong{
	font-family: Sofia, serif;
	color: #FFFF00;
	text-shadow: 0 0 5px #e2d6ba;
	font-size: 1.2em;
}

#seer {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
}

#seer strong{
	font-family: Sofia, serif;
	color: purple;
	font-size: 1.2em;
}

#priest {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
}

#priest strong{
	font-family: Sofia, serif;
	color: green;
	font-size: 1.2em;
}

#fieldop {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
}

#fieldop strong{
	font-family: Sofia, serif;
	color: #d47a13;
	font-size: 1.2em;
}
#boy-scout {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
	background-color: #EDDFC1;
	padding: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

#boy-scout strong {
	font-family: Sofia, serif;
	color: saddlebrown;
	font-size: 1.2em;
}
#boy-scout em {
	font-style: italic;
	color: gray; /* For the "To be determined" part */
}

#runner {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
	background-color: #EDDFC1;
	padding: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

#runner strong {
	font-family: Sofia, serif;
	color: #003087;
	font-size: 1.2em;
}

#runner em {
	font-style: italic;
	color: gray; /* For the "To be determined" part */
}
#whistler {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#whistler strong {
	font-family: Sofia, serif;
	color: slategray;
	font-size: 1.2em;
}

#whistler em {
	font-style: italic;
	color: gray; /* For the "To be determined" part */
}
#whisperer {
	color: #4B4E53;
	font-family: Sofia, "Times New Roman", monospace;;
	background-color: #EDDFC1;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#whisperer strong {
	font-family: Sofia, serif;
	color: teal;
	font-size: 1.2em;
}

#whisperer em {
	font-style: italic;
	color: gray; /* For the "To be determined" part */
}
footer{
	background-color: #242424;
}
.contact{
	font-family: Sofia, serif;
	background-color: #242424;
	color: #96a8a8;
	text-align: center;
	text-decoration: none;
	font-size:30px;
	height: 90px;
	border: groove 10px #000000;
}
.contact p {
}
.contact a{
	font-family: serif;
	vertical-align: center;
	text-decoration: none;
	color: #96a8a8;
	background-color: #242424;
	font-size:25px;
}
.smallbr{
	background-color: #242424;
	display: none;
}
.contact a:hover{
	color: #242424;
	background-color: #96a8a8;
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
	transition: color 1s, background-color 1s;
}
.error{
	text-decoration: none;
	color:#47849A;
	font-size:25px;
	text-align: center;
}
.error:hover{
	text-decoration: none;
	color:#000000;
	font-size:25px;
	text-align:center;
}
.grid-product__title{
	font-family: Sofia, serif;
	text-decoration: underline;
	color: #47849A;
}
.grid-product__title:hover{
	text-decoration: underline;
	color: #47849A;
}
.grid-product__price-value.ec-price-item{
	color: #47849A;
}
.caption {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
}
.cake1, .cake2, .cake3, .cake4 {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.cake1 {
  background-image: url("images/SSI.jpg");
  min-height: 500px;
}

.cake1 span{
	background-color:#F7D458;
	color: #7C6F6B; 
}

.SpiritSeekersInc {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.SpiritSeekersInc span.border {
  background-color: #f2ead8;
  color: #7C6F6B;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 1px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative; /* Required for positioning pseudo-element */
  transition: color 1s, background-color 1s;
}

.SpiritSeekersInc span.border::after {
	content: "Ghost Types"; /* Text for the link */
	position: absolute;
	left: 0;
	width: 100%;
	visibility: hidden; /* Hide the link by default */
	background-color: #242424;
	color: #cae3e3;
	text-align: center;
	font-weight: bold;
	font-family: Sofia, "Times New Roman", sans-serif;;
}

.SpiritSeekersInc span.border:hover {
	background-color: #242424;
	color: transparent; /* Hide the original text on hover */
}

.SpiritSeekersInc span.border:hover::after {
  visibility: visible; /* Show the link text on hover */
  cursor: pointer; /* Change cursor to pointer for the link effect */
}

.SpiritSeekersInc span.border:hover a {
	visibility: visible; /* Ensure visibility of link */
}
.cake2{
  background-image: url("images/The Chapel.jpg");
  min-height: 600px;
}

.cake3 {
  background-image: url("images/SpiritSeekers.jpg");
  min-height: 400px;
}
.cake4{
	 background-image: url("images/PinaColada.jpg");
	 min-height: 400px;

}
.cup1, .cup2, .cup3 {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.cup1 {
  background-image: url("images/SpiritSeekers.jpg");
  min-height: 500px;
}

.cup2{
  background-image: url("images/CookieDoughCupcakes.jpg");
  min-height: 600px;
}

.cup3 {
  background-image: url("images/artist.jpg");
  min-height: 400px;
}
.rice, .samoa {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.samoa {
  background-image: url("images/cookies.jpg");
  min-height: 500px;
}

.rice{
  background-image: url("images/ricetreats.jpg");
  min-height: 600px;
}
.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption p{
	font-family: Verdana,serif;
}
.caption span.border {
  background-color: #96a8a8; 
  color: black;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 1px;
  display: block;
  margin-left: auto;
  margin-right:auto;
}
.caption a span:hover{
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
	background-color: black;
	color: #96a8a8; 
}

h3 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}
.about p{
	font-family: Verdana, serif;
	font-size: 25px;
}
.about{
	padding:50px 80px;
}

#construction{
  font-family: Arial, sans-serif;
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Full viewport height */
}

.constructioncontainer {
  margin-top: 25px;
  align-content: center;
  vertical-align: center; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: 80%;
}

#construction p {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}

.constructioncontent a:link{
	color: black;

} 

.constructioncontent a:visited{
	color: black;
}
.constructioncontent a:hover{
	color: #FFFFFF;
	background-color: #000000;
	border-color: #ffffff;
	border-width: 3px; 
	border-bottom-style: solid;
	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
	transition: color 1s, background-color 1s;
}

.construction-icon {
  font-size: 80px;
  margin-top: 20px;
  color: #f39c12;
}

/*@media only screen and (max-width: 992px){*/
/*	#wrapper{*/
/*		width:768px;*/
/*	}*/
/*	#sidebar{*/
/*	font-weight: normal;*/
/*	position: fixed;*/
/*	float: left;*/
/*	width: 0px;*/
/*	height: 0px;*/
/*	text-align: left;*/
/*	background-color: #F4F4F4;*/
/*	border: none 0px #47849A;	*/
/*	}*/
/*	#sidebar a{*/
/*	text-decoration: none;*/
/*	font-size: 0px;*/
/*	font-family: Sofia, serif;*/
/*	padding-right: 0px;*/
/*	padding-left: 0px;*/
/*	margin-right: auto;*/
/*	margin-left: auto;*/
/*	background-color: #F4F4F4;*/
/*	transition: color 1s, background-color 1s;	*/
/*	}*/
/*#sidebar li{*/
/*	display: block;*/
/*	padding-bottom: 0px;*/
/*}*/
/*#sidebar ul{*/
/*	list-style-type: none;*/
/*	padding-left: 0;*/
/*}*/
/*#sidebar a:link{*/
/*	color: #47849A;*/

/*} */
/*#sidebar a:visited{*/
/*	color: #47849A;*/
/*}*/
/*#sidebar a:hover{*/
/*	color: #F4F4F4;*/
/*	background-color: rgb(62,126,150);*/
/*	border-color: #F4F4F4;*/
/*	border-width: 0px; */
/*	border-bottom-style: solid;*/
/*	box-shadow: 0px 3px 3px rgba(66,66,66,0.3);*/
/*}*/
/*#sidebar a[target]{*/
/*	border-right-style: double;*/
/*	border-color: #47849A;*/
/*	border-width: 0px; */
/*}*/
/*	#homecake{*/
/*		display: block;*/
/*		margin-top: 50px;*/
/*		align-content: center;*/
/*		vertical-align: center; */
/*		background-image:url("images/cake.jpg");*/
/*		margin-left: auto;*/
/*		margin-right: auto;*/
/*		max-width: 70%;*/
/*		height: 800px;*/
/*		background-position: -60px -50px;*/
/*		background-size: cover;*/
/*		background-repeat: no-repeat;*/
/*	}*/
/*	nav a{*/
/*		display: block;*/
/*		border: hidden 5px #47849A;*/
/*		padding: 10px;*/
/*	}*/
/*	nav li{*/
/*		display: block;*/
/*		margin-bottom: 10px;*/
/*	}*/
/*	#homedoughnut{*/
/*		width: 768px;*/
/*		height: 800px;*/
/*	}*/
/*	.breakbar{*/
/*		width:750px;*/
/*	}*/
/*	#cookieimg{*/
/*		float: left;*/
/*		margin-right: 10px;*/
/*		margin-left: 10px;*/
/*		margin-top: 50px;*/
/*	}*/
/*	#cookie{*/
/*		float: right;*/
/*		clear: left;*/
/*		width: 400px;*/
/*		margin-left: 0px; */
/*		margin-right: 50px;*/
/*		margin-bottom: 0px;*/
/*	}*/
/*	#cupcakeimg{*/
/*		float: left;*/
/*		margin-right: 10px;*/
/*		margin-left: 10px;*/
/*	}*/
/*	#cupcake{*/
/*		float: right;*/
/*		clear: left;*/
/*		width: 400px;*/
/*		margin-left: 0px;	*/
/*	}*/
/*	#cupcake p{*/
/*	}*/
/*}*/

@media only screen and (max-width: 1300px){
	#wrapper {
		width: 90%;
		max-width: 800px;
	}
	#sidebar{
		width: 125px;
	}
	#ghostbar a{
		font-size: 15px;
	}
}

/* Media Queries for Tablets */
@media only screen and (max-width: 1092px) {
    #wrapper {
        width: 100%;
        max-width: 768px;
    }
    #sidebar {
        font-weight: normal;
        position: fixed;
        width: 0;
        height: 0;
        background-color: #F4F4F4;
        border: none;
    }
    #sidebar a {
        font-size: 0;
        padding: 0;
        background-color: #F4F4F4;
    }
	#ghostbar {
		font-weight: normal;
		position: fixed;
		width: 0;
		height: 0;
		background-color: #F4F4F4;
		border: none;
	}
	#ghostbar a {
		font-size: 0;
		padding: 0;
		background-color: #F4F4F4;
	}
	#homecake {
		background-size: cover;
		max-width: 90%;
		height: 650px;
		/**/
		display: block;
		margin-top: 50px;
		align-content: center;
		vertical-align: center;
		background-image:url("images/SSI.jpg");
		margin-left: auto;
		margin-right: auto;
		background-repeat: no-repeat;
	}
    nav a {
        display: block;
        padding: 10px;
		border-style: groove;
		border-color: #96a8a8;
		width: auto;
    }
    nav li {
        display: block;
        margin-bottom: 10px;
    }
    .breakbar {
        width: 750px;
    }
}

/* Media Queries for Mobile Phones */
@media all and (max-width: 768px) {
	h1 {
		font-size: 35px;
	}
	.quetzal {
		width: 25%;
	}
    #wrapper {
        width: 100%;
    }
    nav a {
		margin: 5px;
		padding: 5px;
		float: none;
		border-style: groove;
		border-color: #96a8a8;
		width: auto;
	}
	nav li{
		/*display: inline-block;*/
	}
	nav ul{
		list-style-type: none;
		padding-left: 0;
	}
    #homecake {
        background-size: cover;
        max-width: 80%;
        height: 400px;
		/**/
		display: block;
		align-content: center;
		vertical-align: center;
		background-image:url("images/SSI.jpg");
		margin: 50px auto 50px auto;
		background-repeat: no-repeat;
    }
    .breakbar {
        width: auto;
    }
	.ghostbreak{
		width: auto;
		height: auto;
	}
	.ghostbreak p{
		font-size: 50px;
		font-family: Arial, sans-serif;
	}
	#ghosttypes {
		font-size: 15px;
	}
    .contact {
        height: auto;
        padding-bottom: 10px;
    }
	.about{
		padding: 5px 8px;
	}
    .about p {
        font-size: 15px;
		width: 90%;
		padding: 0px;
    }
    footer {
        padding: 0;
    }
    footer p {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0;
    }
    .smallbr {
        display: inline-block;
    }
}