/*Fonts*/

@font-face {
    font-family: "Nexa Bold";
    src: url("assets/fonts/Nexa Bold.otf");
    }

    @font-face {
        font-family: "Nexa Light";
        src: url("assets/fonts/Nexa Light.otf");
        }

/*Home page*/

.index-banner {
    padding: 3vw 20px 20px 20px;
    
    text-align: center;
    width:100%;
    z-index: 100;

    display: grid;
    grid-gap: 5px;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  
    background-image:url(../../images/compass.jpg);
    background-size:cover;

}


   .index-banner img {
    max-width: 100%;
    height: auto;
    object-position: top; 
  
   }

.index-title-container {
    height:auto;
width:50vw;
    padding:10px;
    margin: 0 auto;
}
  
    /*Engraving effects for banner*/
    h1.engraved
    {
        
        font-family:'Vollkorn', serif;
        font-size:calc(60px + .5vw);
        font-weight:bold;
        color: rgb(59, 51, 41);
        text-shadow:  0px 2px 3px #5E5140;
        size:inherit;
        text-align:inherit;
       
       
        
    }

  
    p.engraved
	{
        font-family:'Vollkorn', serif;
        color: rgba(58,28,12);
        text-shadow:  0px 1px 2px rgba(77,50,36,0.8);
        font-weight:500;
        font-size:calc(24px + .5vw);
        margin-top:-10px;
        margin-bottom:5px;
        text-align: inherit; 
        
        
    }

    h1.gg {
        font-size:calc(60px + .5vw);
        font-family:"Nexa Light", sans-serif;
        font-weight:bold;
        color: #0f72ba;
        text-shadow:  0px 2px 3px #666;
        size:inherit;
        text-align:inherit;   
       
    }

    img#shadow {

        
            -webkit-filter: drop-shadow(1px 1px 2px rgb(51, 51, 51, 0.9));
            filter:         drop-shadow(1px 1px 2px rgb(51, 51, 51, 0.9)); 
            width:calc(450px + .5vw);
        
    }

    /*'Card' styling*/

    .gg-p {
        font-family:"Lato", Arial, Helvetica, sans-serif;
        font-size:1.5em;
        font-weight:200;
        color:#545454;
        line-height:1.4;
     }
 
    .gg-h {
 font-size:1.5em;
 font-weight:300;
 margin-bottom:10px;
 line-height:1.5;
 
    }

    /*Nav*/
    nav#nav {
font-size:calc(14px + .5vw);
border-bottom: solid 1px #545454;
color:#545454;

    }

    .tab {
        margin:auto;
    width:50%;
    text-align:center;
    padding:20px;
    
    }

    button.tablinks {
        transition-duration: 0.4s;
        color:#545454;
        cursor: pointer;
        font-family:"Lato", sans-serif;
        font-size:2em;
        border:solid 0px #fff;
        border-radius:3px;
        padding:5px;
        margin:10px;
    }

    button.tablinks:hover {

        color:white;
        background-color:#545454;
        border:solid 0px #fff;
    }
   
    

/*Sidebar ad*/

.desktop-ad {
    display:none;
}

@media only screen and (min-width: 768px) {
.desktop-ad {
    display:initial;
    max-width:150px;
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 10px;
    overflow-x: hidden;
    padding: 8px 0;
    margin-top:200px;
   margin-left:10px;
   background:lightgrey;
   color:rgb(56, 52, 52);
   padding:5px;
   font-weight:400;

  }
  
.desktop-ad a {
    color:#0f72ba;
    font-weight:bold;
}
  
  
}

/*Mobile ad*/

.mobile-ad {
    background:lightgrey;
   color:rgb(56, 52, 52);
   padding:5px;
   font-weight:400;
   margin-bottom:10px;
}
.mobile-ad a {
        color:#0f72ba;
        font-weight:bold;
    }

@media only screen and (min-width: 768px) {

.mobile-ad {
    display:none;
}

}