body{
     margin:0px;
}
#headerLogo {
    height:80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    line-height: 0.75;
    color:red;
    text-align:center;
}
.logoToprow {
    font-family:"goudy-old-style";
    font-size:15x;
    font-weight: bold;
    padding:0px;
}

.logoBotrow {
    font-family:"goudy-old-style";
    padding:0px;
    font-size:50px;
    font-weight:400;
    transform:scale(0.8,1); /* W3C */
}

#containsNavBar {
    background-color:white;
    height: fit-content;
    position:relative;
    z-index:10;

}

.navBar {
    list-style-type: none;
    display: flex; 
    justify-content: center;
    margin:0px;
    padding:0px;
    line-height:2;
    flex-wrap: wrap;
}

.dividingSlash {
    transform:scale(0.75,2); /* W3C */
    color:grey;
}


.navBar li {
    text-align: center;
    font-size:18px;
    padding:7.5px;
}

.navBar li a {
    color:grey;
    text-decoration: none;
}


#sideBar {
    background-color: white;
    height:100vh;
    width:0vw;
    position:fixed;
    overflow:hidden;
    transition: width 0.3s ease;
    z-index:100;
}

#hamburgerButton {
    font-size:30px;
    max-width:30px;
    max-height:30px;
    top:20px;
    left:20px;
    text-align:center;
    position:absolute;
    color: rgb(101, 101, 101);
    background-color:rgba(255, 255, 255, 0);
    border-radius:10px;
    border:0px;
    
}

#sidebarContents {
    font-size:20px;
    padding:20px;
    line-height:2;
}

#sidebarContents a {
    text-decoration: none;
    color:black;
}
#closeButton {
    color:rgb(39, 39, 39);
    font-size:25px;
    font-family:sans-serif;
    border-radius:10px;
    border:0px;
    font-weight:50;
    
}

h1{
    font-family:"goudy-old-style";
    font-weight:400;
    text-align:center;

}

.pullQuote {
    font-family:"goudy-old-style";
    font-weight:400;
    font-style:italic;
    text-align:center;
    color:red;
    font-size:30px;
    margin:5px;

}


.info {
    font-family:"Roboto";
    font-weight: 300;
    font-size:18px;
    color:505050;
    line-height:1.5;
}

.logo a {
    text-decoration: none;
    color:red;
}

.infoSmall {
    font-family:"Roboto";
    font-weight: 300;
    font-size:15px;
    text-align: center;
    color:505050;
    line-height:1.5;
    margin:5px;
}

p{
    font-family:"Minion Pro", serif;
    line-height:1.5;
    font-size:20px;
    text-align:left;
}

li{
    font-family:"Minion Pro", serif;
    line-height:1.5;
    font-size:20px;
    text-align:left;
}
.mainText {
    width:vw;
}

.hDivider {
    height:80px;
    width:100%;
    object-fit: cover;
}

.intextImg {
    width:100%;
}

.steerpikeFace {
    width:80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    padding:0px;
}


@media (orientation: landscape) {
    .mainText {
      width:60vw;
      margin-left:20vw;
    }
    #containsNavBar {
        width:60vw;
        margin-left:20vw;
        position: sticky;
        top:0px;

    }
    #hamburgerButton{
        display:none;
    }
  }
  
  @media (orientation: portrait) {
    .mainText {
        width:80vw;
        margin-left:10vw;
      }
    #containsNavBar {
        display:none;
    }
    #headerLogo{
        position:sticky;
        top:0px;
        z-index:50;
        background-color:white;
    }
  }


.dropCap::first-letter {
  color: #000000;
  float: left;
  font-size: 5em;
  margin: 0 .1em 0 0;
  line-height: 0.85;
}