
.landing {
  width: 100%;
  background-color: #326BC5 !important;
  padding: 10px 0;
}

header nav {
  max-width: 100%;
  margin: 0 6.5%;
  padding: 1% 0;
}

@media (max-width: 768px) {
  header nav {
    margin: 0 0 0 6.5% !important;
  }
}

.nav-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50%;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px !important;
}

.nav-content a:hover{
  color: #69D443
}

.nav-content .dropdown-toggle {
  font-size: 14px !important;
}

.nav-content .dropdown-item {
  font-size: 14px !important;
  background-color: none !important;
}

.nav-content .dropdown-item:focus{
  color: white !important;
  background-color: #326BC5 !important;
} 

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background-color: transparent;
} 

@media (max-width: 1000px) {
  .nav-content {
    width: 63%;
  }
  .navbar-toggler {
    display: none !important;
  }
  .navbar-toggler:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

@media (max-width: 850px) {
  .nav-content {
    display: none;
  }
  .navbar-toggler {
    display: block !important;
  }
}

@media (min-width: 850px) {
  .collapse {
    display: none !important;
  }
  .navbar-collapse {
    display: none !important;
  }
  #navbarSupportedContent {
    display: none !important;
  }
}

.nav-content a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1400px) {
  header nav {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0.25% 0;
  }
}

@media (min-width: 769px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

.dropdown-toggle {
  color: white !important;
}

.dropdown-toggle:hover, .dropdown-toggle:focus {
  color: #80e05e !important;
}

.nav-content .dropdown-toggle:focus, .dropdown-toggle:active, .dropdown-toggle:target {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  background: none !important;
}

@media (min-width: 1400px) {
  header nav {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0.25% 0;
  }
}

.landing-header-logo {
  width: 180px;
}

.dropdown-menu {
  background: #326BC5 !important;
  border: 0 !important;
}

.dropdown-item {
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.dropdown-item:hover, .dropdown-item:focus, .nav-link:hover, .nav-link:focus {
  background: #326BC5 !important;
  color: #80e05e !important;
}

.navbar {
  background-color: #326BC5 !important;
}

@media (max-width: 768px) {
  .navbar {
    padding: 0px 0 !important;
  }
  .navbar-collapse {
    padding-top: 10px;
    background: #326BC5 !important;
  }
}
.navbar-light .navbar-toggler {
  border-color: transparent !important;
}
.navbar-toggler[aria-expanded="true"] .burger-menu{
  background-color: #69D443;
}
.burger-menu {
  height: 3px;
  width: 21px;
  margin: 3px 0;
  background-color: white;
}

.btn-primary,
.btn-primary:active,
.btn-primary:visited {
  background-color: #69D443 !important;
  outline: 0 !important;
  border: none !important;
  -webkit-filter: drop-shadow(0.1rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0.1rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2));
}

.btn-primary:hover {
  background-color: #62CD3C !important;
  outline: 0 !important;
  border: none !important;
  -webkit-filter: drop-shadow(0.1rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0.1rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2));
}

.footer .spacer-footer {
  height: 20vh;
  padding: 0 6.5%;
  background-color: #326BC5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .spacer-footer .footer-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.footer .spacer-footer .footer-container .footer-container-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}

.footer .spacer-footer .footer-container .footer-container-div .landing-header-logo {
  width: 180px;
}

.footer .spacer-footer .footer-container .footer-container-div p {
  margin: 0;
  padding: 0;
  font-size: 12px !important;
}

@media (max-width: 768px) {
  .footer {
    padding: 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .footer .spacer {
    margin: 10% 0 !important;
  }
  .footer .spacer .main-text {
    text-align: center;
    font-size: 45px !important;
  }
  .footer .spacer .main-text::after {
    background: unset !important;
  }
  .footer .spacer .sub-textt {
    text-align: center !important;
    font-size: 18px !important;
  }
}

@media (max-width: 1050px) {
  .footer .spacer-footer {
    height: unset !important;
  }
  .footer .spacer-footer .footer-container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
            display: flex;
            align-items: center;
  }
  .footer .spacer-footer .footer-container .footer-container-div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    grid-template-areas:
      'header test2';
    padding: 5% 0 !important;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    justify-content: unset;
  }
  .footer .spacer-footer .footer-container .footer-container-div img {
    grid-area: header; 
  }
  .footer .spacer-footer .footer-container .footer-container-div div {
    grid-area: test2; 
   }
  /*.footer .spacer-footer .footer-container .footer-container-div:nth-of-type(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5% 0 !important;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    justify-content: center !important;
  } */
  .footer .spacer-footer .footer-container .footer-container-div:nth-of-type(4) div{
    justify-content: unset !important;
  }
}
@media (min-width: 500px) and (max-width: 660px) {
  .footer .spacer-footer .footer-container .footer-container-div {
    width: 70% !important;
  }
}
@media (min-width: 400px) and (max-width: 500px) {
  .footer .spacer-footer .footer-container .footer-container-div {
    width: 75% !important;
  }
}
@media (min-width: 300px) and (max-width: 400px) {
  .footer .spacer-footer .footer-container .footer-container-div {
    width: 100% !important;
  }
}


@media (min-width: 1600px) {
  .footer {
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .footer .spacer-footer {
    height: 60px;
    padding: 4.5% 6.5%;
    background-color: #326BC5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .spacer-footer .footer-container {
    width: 1300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*# sourceMappingURL=updatestyles.css.map */


@media (max-width: 768px) {
  .portfolio-header{
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  #career-sec .container h1{
    padding-top: 30px ;
  }
  #career-sec .container .career-card .row div h3 {
    padding-top: 30px ;
  }
}

.service-box p, .portfolio-text p, #profile-sec .container .text-area p, .value-text p, .award-header h3, .award-text p,
.career-card .row .text-area h3, .career-card .row .text-area p, .career-card .row .text-area p em, .career-card .row .text-area p ul {
  text-align: justify !important;
}