html {
      scroll-behavior: smooth;
      scroll-padding-top:100px;
    }

    body {
      padding-top:145px;
      max-width:1250px;
      margin-left:auto;
      margin-right:auto;
      background: rgb(45, 49, 65);
      /* background: radial-gradient(circle, rgba(75,76,101,1) 0%, rgba(32,33,54,1) 100%); */
      font-family: "Trebuchet MS", Arial, sans-serif;
      text-align: center;
      overflow-y:scroll;
      overflow-x:hidden;
      color:whitesmoke;
      transition:padding-top 0.3s ease;
      padding-left:40px;
      padding-right:40px;
      margin-bottom:0px;
    }

    p {
      font-family: Arial, sans-serif;
      text-align: left;
      color: #e18c2a;
      /* opacity: 0.9; */
      font-size:21px;
      line-height:1.8em;
      margin-top:55px;
    }
    

    h1 {
      font-size:60px;
      margin-bottom:25px;
      font-weight: 700;
      /* font-family:"Helvetica"; */
      letter-spacing: 2px;
    
    }

    .header h1 {
      font-family: "Oswald", Impact, sans-serif;
      text-transform: uppercase;
      color: white;
    }

    h2 {
      text-align: center;
      font-size:26px;
      margin-top:100px;
      text-transform: capitalize;
      margin-bottom:50px;
      font-family:'Lucida Console', monospace;
    }

    h2::after {
      content: "";  
      display: block;
      width: 100px;
      height: 3px; 
      background-color: #b44e12;
      position: absolute;
      margin-top:30px;
      transform: translateX(-50%);
      left:50%;
      
  
    }

    nav {
      list-style-type: none;
      width:100%;
      display: flex;
      position:fixed;
      z-index:1001;
      top:0;
      left:0;
      right:0;
      filter:drop-shadow(0px 0px 10px #000000b3);
    }

    .navbtn {
      --height: 100px;
      --font-size:20px;
      overflow: hidden;
      margin: 0px;
      float: left;
      border: 0;
      background-color: #262736;
      
      padding: calc(var(--height) / 2 - var(--font-size)) 0;
      font-size: var(--font-size);
      cursor: pointer;
      flex: 1;
      text-align:center;
      color: #e16d2a;
      text-decoration: none;
      width:100%;
      z-index: 2;
      transition: background-color 0.1s ease-in, all 0.3s ease;
    }

    .dropdown {
      flex:1;
    }


    .navbtn:hover, .dropdown.active > .navbtn:not(.current) {
      background-color: #2c2e3e;
    }


    .current.navbtn {
      background-color: #1d1f2c;
      font-weight: bold;
    }

    .subtext span {
      font-size:5px;
    
    }


    .dropdown-content {
      position: absolute;
      width:100%;
      top:100%;
      background-color: #262736;
      z-index: 1;
      cursor: default;
      transform: scaleY(0);
      transform-origin: top;
      opacity: 0;
      transition: background 0.1s ease-in, all 0.15s ease;
    }

    .dropdown-content > a {
      float: none;
      color: #e16d2a;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
      width:100%;
      display:flex;
      
    }

    .dropdown-content > a:hover {
      transition: 0.2s;
      background-color: #2c2e3e;
  
      
    }

    .dropdown.active .dropdown-content {
      transform: scaleY(1);
      opacity: 1;
    }

    img.banner {
      width: 100%;
      height:150px;
      object-fit:cover;
      border-radius:20px;
      margin-bottom:20px;
      
    }



    img.profilephoto {
      border-radius:50%;
      display:block;
      margin-left:auto;
      height:200px;
      margin-right:auto;
      /* padding:20px;
      background-color:#e16d2a */
    }

    img.portrait {
      height:100%;
      margin-right:40px;
      width:300px;
      transform:scaleX(-1);
      object-fit: cover;
      filter:drop-shadow(0px 5px 5px #00000088);
    }

    .subtext {
      opacity:1;
      font-family: "Trebuchet MS", sans-serif;
      text-align:center;
      margin-top:20px;
      font-size:25px;
      color:#e16d2a
      /* font-weight:bold; */
    }

    strong {
      color:#e1a12a;
    }

    .dropdown-content .label {
      width:140px;
      text-align:right;
      margin-right:10px;
    }

    .dropdown-content .tagline {
      font-size:14px;
      color:#e1922a;
      align-self:center;
    }

    .header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      height: 450px;
      margin-bottom:30px;
      width:100%;
      box-sizing:border-box;

    }

    .header .content{
      flex:1;
      display:flex;
      flex-direction: column;
      justify-content: flex-end;
      /*  */
    }
    
    .header * {
        text-align:left;
        margin-left:0 !important;
    }


    /* @media (max-width: 750px), (pointer:none), (pointer:coarse)  {
      body {
        padding-top:120px;
      }
      
      .dropdown-content .label {
        width:auto;
        text-align:left;
      }

      .dropdown-content .tagline {
        display:none;
      }
  

      .navbtn {
        --height:120px;
        --font-size:24px;
      }
      
    } */