.header-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width:100%;
  }
  
  .header-item {
    float: left;
    border-left:1px solid lightgray;
    padding-left:4px;
    padding-right:4px;
  }
  
  .header-item  a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    font-size:15px;
  }
  
  .header-item  a:hover {
    background-color: white;
    color:black;
  }
  
  @media screen and (max-width: 800px) {
      .header-item{
          width:100%;
      }
  }
  
  .header-div{
      background-color: #b7d433;
      font-size:15px;
  }
  .home-logo-div{
      padding:30px;
      text-align:center;
  }
  .home-logo{
      position:relative;
      height:100px;
  }
  .home-welcome{
      position:relative;
      width:60%;
      min-height:50px;
      margin-left:calc(20%);
      font-size:10px;
      background-color: white;
      opacity: 0.8;
      padding:5px;
      border-radius:10px;
  }
  
  .welcome-text-header{
      position:relative;
      width:90%;
      margin-left:calc(5%);
      background:transparent;
      margin-top:0px;
      font-size:30px;
      line-height:30px;
      padding:0px;
      letter-spacing:4px;
  }
  .heart-header{
      font-size:20px;
      color:#e65086;
  }
  
  /* On screens that are 992px wide or less, the background color is blue */
  @media screen and (max-width: 800px) {
      .home-logo{
      height:90px;
  }
      .home-welcome {
          width:80%;
          margin-left:calc(10%);
    }
    .welcome-text-header{
      font-size:20px;
      letter-spacing:3px;
    }
    .heart-header{
      font-size:15px;
      color:#e65086;
      }
  }
  
  /* On screens that are 600px wide or less, the background color is olive */
  @media screen and (max-width: 500px) {
      .home-logo{
      height:80px;
  }
      .home-welcome {
          width:90%;
          margin-left:calc(5%);
    }
    .welcome-text-header{
      font-size:15px;
      letter-spacing:2px;
    }
    .heart-header{
      font-size:10px;
    }
  }
  
  .jumbotron p {
      margin-top: 15px;
      font-size: 15px;
      font-weight: 100;
      padding:5px;
  }
  .jumbotron{
      position: relative;
      background: url(../images/background.jpg);
      background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding:20px;
    min-height:50px;
  }
  
  .about-us{
      position:relative;
      min-height:100px;
      border-right:1px solid black;
      border-left:1px solid black;
      padding-top:20px;
      padding-bottom:20px;
      width:100%;
  }
  .submit-cv-row-left{
      position:relative;
      width:100%;
      border:1px solid black;
      min-height:250px;
  }
  .submit-cv-row-right{
      position:relative;
      width:95%;
      border:1px solid black;
      min-height:250px;
      padding:10px;
      margin-left:5%;
  }
  /* On screens that are 992px wide or less, the background color is blue */
  @media screen and (max-width: 1000px) {
      .submit-cv-row-left{
      width:100%;
      margin-bottom:40px;
  }
  .submit-cv-row-right{
      width:100%;
      margin-left:0%;
  }
  }
  
  .submit-cv{
      position: relative;
      background:#b7d433;
      width:40%;
      margin-left:30%;
      color:white;
  }
  .submit-cv:hover{
      background:#b7d433;
      color:black;
  }
  
  .card {
    box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 5px;
    margin-left:0%;
    margin-bottom: 30px;
  }
  
  .card:hover {
    box-shadow: 0 -2px 16px 0 rgba(0,0,0,0.2);
  }
  
  img {
    border-radius: 5px 5px 0 0;
  }
  
  .card-container {
    padding:0;
    padding-top:10px;
  }
  .card-header{
      background:white; 
      color:black;
      text-align:center;
      font-size:20px;
      padding:0px;
      padding-top:10px;
      margin-top:0px;
  }
  
  .card-button{
      position:relative;
      background-color:transparent;
      border: 0px solid transparent;
      color:#b7d433;
      border-radius:3px;
      font-size:18px;
      font-weight: bold;
  }
  .card-content{
      position:relative;
      width:100%;
      padding-top:0px;
      text-align:center;
      padding-bottom:10px;
  }
  .card-icon{
      font-size:30px;
  }
  .separator {
      display: flex;
      align-items: center;
      text-align: center;
      color:#b7d433;
      font-size:20px;
      height:20px;
  }
  .separator::before, .separator::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #000;
  }
  .separator-footer::before, .separator-footer::after {
      content: '';
      flex: 1;
      border-bottom: 3px solid #b7d433;
  }
  
  .separator::before {
      margin-right: .25em;
  }
  .separator::after {
      margin-left: .25em;
  }
  .separator-parent-bottom{
      position: relative;
      position: absolute;
      bottom:-10px;
      width: 100%;
      line-height:20px;
      height:20px;
  }
  .separator-parent-top{
      position: relative;
      position: absolute;
      top:-10px;
      width: 100%;
      line-height:20px;
      height:20px;
  }
  .footer-div{
      position:Relative;
      margin-top:20px;
      width:100%;
      border:1px solid black;
      padding-top:10px;
      min-height:100px;
  }

  .anchorText{
      color:#b7d433;
  }

  .admin-text-input{
      position:relative;
      width:100%;
      text-align:center !important;
  }

  .admin-text-input-small{
    position:relative;
    width:30%;
    text-align:center !important;
  }

  .text-area{
    resize: none;
    overflow: hidden;
    min-width: 100%;
    min-height: 300px;
  }

  .text-area-testimonial{
    resize: none;
    overflow: hidden;
    min-width: 100%;
    min-height: 100px;
    text-align: center;
  }

  .button-save{
      border-radius:5px;
      background-color: green;
      color: white;
  }
  .button-copy{
    border-radius:5px;
    background-color: orange;
    color: white;
}
.button-delete{
    border-radius:5px;
    background-color: red;
    color: white;
}

.my-slider{
    position: relative;
    margin-left: calc(12.5%);
    text-align: center;
    max-height:auto !important;
    max-width:75% !important;
}

.admin-form{
    position:relative;
    width:20%;
    left: calc(100% - 40%)
}