/* FOOTER AREA */
/*Includes footer and copyright line*/

/* Footer area height, background */
/*This doesn't use Bootstrap container*/
.footer-area {
  height: 350px;
  /* background-color: #001a3c; */
  background-color: #64111Eff;
  color:#fff;
}

/*This bootstrap container takes care of
Responsive design by stacking flex items
when device width reduced below a certain width
All footer columns come inside this*/
.container-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  align-items: top;
  padding: 40px 0px 30px 0px;
  margin-left:auto;
  margin-right:auto;
  border-bottom: 1px solid #8d8d8d;
}

/*Each footer column is assigned equal width*/
.footer-column {
  flex: 1;
  min-width: 200px;
  padding-left: 10px;
  /*background-color: #0a0a0a;*/
}
/*The first column is assigned a greater width*/
.footer-column:nth-of-type(1) {
  flex: 1.3;
}

/*CSS for text within the columns*/
.footer-text, 
.footer-column p {
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
}

/*Hyperlinks in footer columns*/
.footer-column a:link
 {
    text-decoration: dotted 1px white;
    color: #fff;
}
.footer-column a:visited {
    color: #fff;
}
.footer-column a:hover {
    color: #00F4A2;
    background-color: transparent;
}

/*The credits/copyright section comes below the 
container-md for footer columns but within 
the footer area */
.credits {
    padding-top: 20px;
}
/*credits/copyright*/
.lastline {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color:rgb(214, 214, 214);
    text-align:center;
    margin-bottom: 0px;
}
.lastline a:link,
.lastline a:visited {
    text-decoration: none;
    color:rgb(214, 214, 214);
}

@media (max-width: 639px) {
  .footer-area {
  height: 480px;
  }
}
  @media (max-width: 420px) {
  .footer-area {
  height: 650px;
  }
}