* {
  box-sizing: border-box;
}
@import url('//fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
@import url('//fonts.googleapis.com/css2?family=Arimo&display=swap');
body {
  font-family: 'Raleway';
}

.nav {
  /* height: 50px; */
  width: 100%;
  background-color: white;
  position: relative;
  display: none;
}

.nav > .nav-header {
  display: inline;
}

.nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: black;
  padding: 10px 10px 10px 10px;
}

.nav > .nav-btn {
  display: none;
}
.nav-links{
  z-index: 10000;
  border-radius: 20px;
  background: white !important;
  /* height: auto;
  padding-bottom: 22px; */
}
.nav-links hr{
  width: 88%;
}
.nav > .nav-links {
  display: inline;
  float: right;
  font-size: 18px;
}
.nav-btn>label>span{
  /* background: black; */
  height: 8px !important;
}
.nav > .nav-links > a {
      padding: 15px 10px 4px 28px;
    text-decoration: none;
    color: black !important;
    font-family: 'GT Walsheim Pro';
    font-size: 16px;
    text-transform: capitalize;
}

.nav > .nav-links > a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.nav > #nav-check {
  display: none;
}

@media (max-width:991px) {
  .footer-imgs{
    width: 20%
  }
  .logo-col{
    display: none;
  }
  .main-navbar{
    display: none;
  }
  .nav{
    display: block;
  }
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .mobile-menus > .container{
    max-width: 90% !important;
    width: 90% !important;
    margin-top: 5%;
  }
  .header-btns{
    display: none !important;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: white !important;
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid black;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: auto;
    overflow-y: auto;
    padding-bottom: 5%;
  }
}