.header{
  height: 55px;
  display: flex;
  flex-direction: row;
  background-color: rgb(83, 130, 166);
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right:0;
}
.logo-hold{
width: 150px;
}


.sd-logo{
  height: 50px;
  padding-left: 40px;
}

.mid-space{
  flex:1;
  max-width: 500px;
}
.page-sections{
  width:600px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  color: white;
  font-size: 14px;
  align-items: center;
  padding-right: 40px;
  cursor:pointer
}

.header-link1{
display: flex;
align-items: center;
text-align: center;
border: 5px;
height:50px;
border-bottom: 5px solid rgb(83, 130, 166);

}

.header-link1:hover{
border-bottom: 5px solid rgb(255, 216,78);
}

.header-link2{
  display: flex;
  align-items: center;
  text-align: center;
  border: 5px;
  height:50px;
  border-bottom: 5px solid rgb(83, 130, 166);
  }
  
  .header-link2:hover{
  border-bottom: 5px solid rgb(95, 32,158);
  }

  .header-link3{
    display: flex;
    align-items: center;
    text-align: center;
    border: 5px;
    height:50px;
    border-bottom: 5px solid rgb(83, 130, 166);
    }
    
    .header-link3:hover{
    border-bottom: 5px solid rgb(95, 32,158);
    }

    .download-link{
      
      }
    button{
      background-color: rgb(95, 32,158);
      color:  white;
      border: none;
      height: 35px;
      width: 180px;
      border-radius: 90px;
      cursor: pointer;
      font-weight: 700;
      font-size: 15px;
    }

    button:hover{
      background-color: rgb(0, 255, 125);
    }

    .footer{
    margin-top: 45px;
    background-color: rgb(83, 130, 166);
    height: 50px;
    }

    .hamburger-menu{
      align-items: left;
      padding-left: 40px;

    }

    .hamburger-icon{
      height: 20px;
    }

    .section-link{
      text-decoration: none;
      color: white;
    }

      

    @media (max-width:950px) {
      .page-sections{
        display: none;
      }
      .hamburger-menu{
        display: none;
      }
    }
    @media (min-width:950px){
      .hamburger-menu{
        display: none;
      }
    }
    
    @media (max-width:500px) {
      .page-sections{
        display: none;
    
      }
      .hamburger-menu{
        display: none;
      }

    .sd-logo{
      height:25px
    }
  }