*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
}
#masthead{
  margin-bottom: 2rem;
  background: #fff;
}
//  adding styles to site branding 
      .site-branding{
        display: grid;
        justify-content: center;
        align-items: center;
        a{
            font-size: 2rem;
            text-transform: uppercase;
            color:$menu-color!important;
            &:hover{
                text-decoration: none;
            }
        }
      }

//   styling main-menu
.main-navigation ul{
    justify-content: center;
    align-items: center;
    a{
      padding: .5rem 1rem;
      color: rgb(190, 138, 7);
      &:hover{
        text-decoration: none;
        color: rgb(89, 83, 83);
      }
    }
}

.main-navigation ul ul{
  display: inline-block;
  background: rgb(239, 235, 235);
}
//    adding stylings to logo
  .custom-logo-link{
    max-width: 150px;
    max-height: auto;
    margin-top: 1rem;
  }

// adding sytles to menu toggle
.menu-toggle{
  background: rgb(77, 73, 73);
  color: white;
  padding: 5px;
  margin-bottom: 8px;
}
 
.entry-content{
  a{
    text-decoration: underline;
  }
}