.card{
    background:white;
  transition:.2s ease-in;
  width:84%;
  /*height: 400px;*/
  margin: 25px 2.5%;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  border-radius:3px;
  color:#333;
}
.card ul{
    display:flex;
    flex-direction:column;
    text-align:left;
    padding-left:25px;
    margin:25px 0;
}
.card h3{
  border-radius:3px 3px 0 0;
  font-size:20px;
  background-color:#DAA520;
  transition:.2s ease-in;
}
.card h4{
  margin-left:10px;
  font-size:18px;
  display:flex;
}
.card:hover{
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.four-column > *{
  width:25%;
  padding:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:.25px solid #AAA;
}

.col-2{
  width:50%;
  padding:10px 20px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:.25px solid #AAA;
}

.col-1{
  /*width:100%;*/
  padding:10px 20px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:.25px solid #AAA;
}

.col-5{
  width:20%;
  justify-content:center;
  align-items:center;
  border:.25px solid #AAA;
}



.alt-nav{
    border-radius:3px;
    width:25%;
    /*position: inherit !important;*/
    font-family: Helvetica;
    font-weight: bold;
    background-color: white;
    box-shadow: -1px 8px 40px -15px rgba(0,0,0,0.75);
    font-size:12px;
    /*background-color: rgba(10, 10, 10, 0.9);*/
    background-color:white;
    height:100%;
    position:sticky;
    top:50px;
}

.alt-nav li{
    transition: .2s ease-in-out;
}

.alt-nav a{
    text-align:left;
    font-family: Helvetica;
    font-weight: bold;
    color: #333;
    border-bottom: none;
    border-right: none;
    height: 40px !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: .2s ease-in;
    font-size: 14px;
    text-decoration:none;
}

.alt-nav > ul{
    list-style: none;
 
}

.alt-nav > ul > li {
    text-align: center;
    padding:0 15px;
}

.alt-nav > ul > li:nth-child(1) a {
    border-left:none;
}

.alt-nav > ul > li:hover{
    background: #DAA520;
}

.alt-nav > ul > li:hover a{
  color: #333;
}

.alt-head{
  background:none;
  text-align:left;
  color:#333;
}
.card-holder{
  width:60%;
}

.title-holder{
  background:none!important;
  padding: 30px 0;
}

.pgtitle{
  color:white!important;
}

.btn-secondary{
  margin-bottom:0!important;
  display:block;
  width:fit-content;
}

.left{
  text-align:left;
}
.eng-message{
  padding:15px;
}

.sticky{
  position:sticky;
  top:-1px;
}

.back-white{
  background:white;
}

.width-80{
  width:80%;
}

.col-top{
  justify-content:flex-start;
}

.alt-h3{
  background-color:#26A!important;
  border-radius:0 3px 0 0!important;
}

td,th{
  padding:5px;
  border:.25px solid #AAA;
}

table{
  width:100%;
  border-collapse: collapse;
  font-size:14px;
}

@media screen and (max-width: 1000px) {
  .card{
    width:90%;
  }
  .card-holder{
    width:inherit;
  }
  .content-holder{
    flex-direction:column-reverse;
  }

  .alt-nav{
    width:90%!important;
    position:inherit!important;
    margin:auto;
  }
  .alt-nav ul{
    display:flex;
    flex-wrap:wrap;
  }
  .alt-nav ul li{
    width:40%;
  }
}
@media screen and (max-width: 650px) {
  .alt-nav ul li{
    width:100%;
  }
  .card h3{
    font-size:16px;
    
  }
  .sticky{
    position:sticky;
    top:50px;
  }
}