body,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", Arial, sans-serif}

.w3-bar,h1,button {font-family: "Montserrat", sans-serif}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
  
  .logo {
    max-width: 150px;
    height: auto;
    margin-left: 16px; 
  }
  
  .header-content {
    text-align: right;
    padding-right: 16px; 
  }
  
  .login-button {
    margin-bottom: 16px; 
  }
  
  h1 {
    font-size: 24px; 
    color: white;
    margin: 8px 0;
  }
  
  p {
    color: black;
    margin: 0;
  }

.w3-red, .w3-hover-red:hover {
  color: #fff !important;
  background-color: #b22222 !important;
}

.w3-white, .w3-hover-white:hover {
  color: black !important;
  background-color: #fff !important;
}

.w3-hover-grey:hover {
  color: #fff !important;
  background-color: #606060 !important;
}

.main {
  margin-left: 200px;
}

.main .w3-row {
  margin-right: 0;
  margin-left: 0;
}

.w3-red, .w3-hover-red:hover, .w3-button.w3-red {
  color: #FFFFFF;
  background-color: #b22222;
}

.w3-container, .w3-panel {
  padding: 0.01em 16px;
}

.w3-padding-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.w3-padding-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.w3-padding-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.w3-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}