body.wrapper-fluid .site-grid{
    grid-gap: 0 0;
  }

@media (max-width: 300px){
  p{
    font-size: 1rem;
  }
  p.mobile-font-adjust{
    font-size: 0.9rem;
  }
}

@media (max-width: 400px){
  p{
    font-size: 1.25rem;
  }
  p.mobile-font-adjust{
    font-size: 1.15rem;
  }
}



@media (max-width: 600px){
  
  #logo-container {    
    min-height: 9rem;
    min-width: 150px;
    background: url("/images/headers/GryphonLogo.png") center top no-repeat;
    background-size: cover;
    /*background-color: #173701;*/
    /*mix-blend-mode: lighten;*/
    box-shadow: 2px 2px 15px #000;
    border-radius: 30px
  }
  
}

@media (min-width: 601px){
  #logo-container {    
    min-height: 6rem;
    min-width: 125px;
    background: url("/images/headers/GryphonLogo.png") center top no-repeat;
    background-size: cover;
    /*background-color: #173701;*/
    /*mix-blend-mode: lighten;*/
    box-shadow: 2px 2px 15px #000;
    border-radius: 30px
  }
}

@media(max-width: 850px){
  
}

@media(max-width: 1049px ){
  h1{
    font-size: 3.5rem;
  }
}

@media (min-width: 1050px){
  h1{
	font-size: 65px;	
  }
  p{
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  p{
    font-size: 1.75rem;
  }
}


.niconne-regular {
    font-family: "Niconne", cursive;
    font-weight: 400;
    font-style: normal;
}

.gryphon_footer{
  background-color: #CCC;
}

.gryphon_footer > .card-header{
  color: #FFF;
}

.bg-caveWaterfall {
    background: url("/images/background-images/CaveWaterfall.jpeg") center no-repeat;
	background-size: cover;
}

.bg-castleWalls {
    background: url("/images/background-images/CastleWalls.jpeg") center no-repeat;
	background-size: cover;
}

/*.croppedLogo {
    background-image: url("../img/GryphonLogo-Cropped.png");
    background-position: top top;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}*/

.croppedLogo {
    background-image: url("/images/headers/GryphonLogo-Cropped.png");
    background-position: top center;
    background-size: 85% 75%; 
    background-repeat: no-repeat;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
  scroll-padding-top: 135px;
  scroll-behavior: auto;
  font-size: 16px;
}

li.active{
    border-bottom: 3px solid #333;
}


h1, h2, h3, h4, h5, .text-gryphon {
    /*Brass Color*/
    /*color: #B5A642;*/
    font-family: "Niconne", cursive;
    font-weight: 400;
    font-style: normal;
    color: #666;
    /*text-shadow: 0px 5px 10px #000;*/
}

p{
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
}

h1, h2 {
    text-shadow: 1px 3px 2px #222;
}

.bg-castleGrey{
    background-color: #CCC;
}

p{
    color: white;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.bg-taupe {
    /*background-color: #483C32;*/
    background-color: #C4B8A5;
}

.bg-taupe-90 {
    background-color: rgba(231,225,218, 0.9);
}

.bg-taupe-70 {
    background-color: rgba(231,225,218, 0.7);
}

.bg-taupe-50 {
    background-color: rgba(231,225,218, 0.5);
}
.bg-taupe-20 {
    background-color: rgba(231,225,218, 0.2);
}


.bg-brown {
    background-color: rgba(51,34,17,1);
    /*background-color: #332211;*/
    /*rgba(51, 34, 17, 1)*/
}

.bg-brown-90 {
    background-color: rgba(51,34,17,0.9);
}

.bg-brown-70{
    background-color: rgba(51,34,17,0.7);
}

.bg-brown-50 {
    background-color: rgba(51,34,17,0.5);
}

.bg-brown-20 {
    background-color: rgba(51,34,17,0.2);
}

.box-shadow-bottom{
    box-shadow: 0px 3px 2px #000;
}

.bg-transparent{
    background: transparent;
}


.bg-forestGreen {
    background-color: #173701;
    /*rgba(23, 55, 1, 1)*/
}

header {
    box-shadow: 0px 5px 10px #222;    
}

/*footer{
    height: 23vh;
    background-color: #444;
}*/

/*header, #topNav, #pillarNavigation {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}*/

nav#pillarNavigation{
  box-shadow: 0px 2px 25px #333;
}



#logo-container-nonScroll {
    min-height: 10rem;
    min-width: 200px;
    
    background: url("../img/GryphonLogo.avif") left top no-repeat;
    background-size: cover;
    /*background-color: #173701;*/
    /*mix-blend-mode: lighten;*/
    box-shadow: 2px 2px 15px #000;
    border-radius: 30px
}

button.navbar-toggler{
    background: #666;
}

.pillarNavigation, .card-header-container {
    box-shadow: 0px 1px 15px black;
    /*background: #3d2814 url(../img/black-scales.png) left top repeat;*/
}


#logo-container > a {
    /*max-height: 10rem;*/
    border-radius: 25px;
    box-shadow: 0px 0px 50px white;
    /*mix-blend-mode: ;*/

}

/*a.nav-link{
    transition: text-shadow 0.5s ease-in-out;
}*/

a.nav-link:hover{
    color: #aaa;
    text-shadow: 1px 1px 5px #333 !important;
}

.bg-greyBrown {
    background-color: #70685B;
    
}

.nav-pills .nav-link.active{
    background-color: transparent;
}

/* section.pillarBlock { */
    /* height: 90vh; */
/* } */

/* section.pillarBlock.pillarBlockFooter{ */
	/* height: 85vh; */
	
/* } */

/* div.pillarContainer{ */
    /* height: 85vh; */
/* } */

section.pillarBlock {
    height: 88vh;
}

div.pillarContainer{
    /* height: 85vh; */
}

section.pillarBlockFooter{
	min-height:785px;
}

main {
    margin-top: 11rem;
}

.navShadow {
    box-shadow: 4px 30px -5px rgba(#000, 0.2);
}

li.nav-item > a.nav-link {
    color: white;    
    text-decoration: none;
}

li.nav-item > a.active {
    color: #B5A642 !important;        
    text-decoration: underline;
    text-shadow: 1px 1px 0px black;
}