@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');


body {background:#000000 !important; background-color:#000000;}

body a {
color:#999;
    text-decoration: none !important;
}

body a:hover {
    text-decoration: none !important; 
color:#84ffd1;
}

.gochi-hand-regular {
  font-family: "Gochi Hand", cursive;
  font-weight: 400;
  font-style: normal;
}

.handstyle {
      font-family: "Gochi Hand", cursive;
     font-weight: 400;
     font-style: normal;
}



a:hover {color:#84ffd1;}

.center {text-align:center;}
.textleft {text-align:left;}


.castle-home {width: 40px;}

#main {margin-top:15px;}


.Main-TopNav {width:100%; height:25px; font-weight:500; max-height: 25px;  overflow: hidden;}

.Main-Navigation {width:100%; height:auto;}

.Main-Header {
  height: 600px;
  background-color: lightblue;
  background: #D0E4F5 url("https://senorpress.com/wp-content/themes/senor-press/speaklove/speaklove-header.jpg") no-repeat scroll 50% 0%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
} 

.Main-featuredPic {width:100%; border-radius:15px; height:auto;}

.Main-Navigation {
	display: grid;
	/* grid-template-columns: 400px 1fr; */
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:30px; 
	margin:5px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}

.Main-Nav {
    padding:15px;
  
}

.Main-Featured {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 10px;
background: rgb(0, 0, 0, 0.5);
border-radius:10px; 
margin: 5px;
}


.SpeakLove-Portrait {border-radius:15px;}
.SpeakLove-AboutSM {padding:15px;}

.Main-About {
display: grid;
grid-template-columns: 30% 70%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.Main-Shop {
width: 100%
}


.Main3Boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:10px; 
}

.Main4Boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}


.Main-Logo {width:auto;}
.Main-Nav-Box{margin:5px; padding:5px; border-radius:15px; font-size:20px; text-decoration:none;  background-color: #393939;text-decoration:none;}
.Main-Nav-Box:hover { background-color: #690317; transition: background-color 0.5s ease; font-color:#00CCFF; color:#00CCFF; text-decoration:none;}

.Main-Nav{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	background: rgb(50, 50, 50, 0.5); 
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}

.Main-Footer {text-align:center; margin-bottom:15px;}


.Main-Footer-Box{margin:5px; padding:5px; border-radius:15px; font-size:20px; text-decoration:none;  background-color: #393939;text-decoration:none;}
.Main-Footer-Box:hover { background-color: #690317; transition: background-color 0.5s ease; color:#00CCFF; font-color:#00CCFF;  text-decoration:none;}

.Main-BuyMerch {border-radius:15px; width:auto;}


.Main-Merch {width:100%;}

.Main-GalleryBox {
    margin: 5px;

}


.vanity {padding:15px; background:#1f151e; color:#567567;}




.Main-Randoms {background-color:#b13215;}




.top_up {
    background: rgb(244 112 11) !important;
}

.Main-Social-Box{text-align:center;}

.footer-social-img {width:auto;}

	
.Main-Socials {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	margin:10px;
	margin-top: 45px;
	margin-bottom: 45px;
}





@media only screen and (max-width: 725px){

.Main-Navigation {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	grid-template-rows: 1fr;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.Main3Boxes {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius:10px; 
}

.Main-Nav-Box{margin:5px; padding:0px; border-radius:10px; font-size:14px; text-decoration:none;}
.Main-Footer-Box:hover  {height:40px;}

	  
	  
.Main-Socials {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	margin:10px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.Main-Social-Box{text-align:center;margin-top:15px;}

.footer-social-img {width:75%;}
	  
}