/* ============================= */
/* Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 1.03em;
}


html, 
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden; /* prevent horizontal scroll */


}


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  background: #ffffff;
  color: #0b0b0b;
  font-weight: 300;
  font-size: 0.77rem;
  margin: 0;
  padding-top: 60px; 
}


body {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;
}



  p {
    line-height: 1.5;
  }

  h2 {
 line-height: 1.6;
 margin-bottom: 5px;
  }




h1, h2 { font-weight: 400; }

.logo a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.25em;   /* spacing between letters */
  line-height: 1.15;         /* spacing between the two lines */
  font-weight: 400;
  font-size: 1.1rem;
  color: #111;
  text-decoration: none;
  display: inline-block;     /* ensures spacing is consistent */
}


/* Links */
a { 
  text-decoration: none; 
  color: inherit; 
}

a:hover, 
a:focus, 
a:active { 
  text-decoration: none; 
}

/* ============================= */
/* External links */
.external-link {
  color: #777;           
  text-decoration: none; 
}

.external-link:hover,
.external-link:focus,
.external-link:active {
  color: #555;     
  text-decoration: none;  
}



/* Main Content */
.main-content {
  flex: 1;
  padding: 0px;
  padding-top: 15px;
  max-width: 100%;
  margin-left: 300px; /* Adjust the content to make space for the fixed sidebar */
  overflow-y: none; /* Allow scrolling of the main content */
 /* height: 100%;     /* Ensure content height fills the page */

  min-height: 684px;
  padding-bottom: 60px;
}