:root{
  --bs-html-font-size: 20px;
  --bs-body-bg: #000;
  --bs-body-color: #FFF;
  --bs-body-font-family: 'Helvetica Neue';
  --bs-body-font-weight: 400;
  --bs-body-font-size: 1rem;
  --bs-link-color: #FFF;
  --bs-link-hover-color: #666666;
  --bs-link-font-weight: 300;
  --bs-nav-link-font-size: 0.8rem;  
  --bs-border-color: #666666;
  --color-01: #e2ddd7;
  --gl-padding-left: 1.5rem;
  --gl-padding-right: 1.5rem;
}
html{
  font-size: var(--bs-html-font-size) !important;
  padding-left: var(--gl-padding-left);
  padding-right: var(--gl-padding-right);
}
body{
  font-size: var(--bs-body-font-size) !important;
  font-weight: var(--bs-body-font-weight) !important;
  margin-top:120px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h3, h4, h5, h6 {
  font-weight: normal;
}
p{
  /*line-height: 1.8em;*/
  margin-bottom:0;
}
#logo_moonwalks{
  width: 300px;
}
.text-small{
  font-size:0.8rem;
}
.color-01{
  color: var(--color-01);
}
#navMenu{
  padding-left: var(--gl-padding-left);
  padding-right: var(--gl-padding-right);
  /*
  padding: 4rem 0rem 0rem 0px;
  transition: 0.4s;
  */
}
.navbar{
  --bs-navbar-nav-link-padding-x: 2.5rem;
}
.navbar.bg-transparent{
  background-color: #FFFFFFdd!important;
}
.nav-link, .navbar button {
  font-weight:normal;
  color:var(--bs-link-color);
}
.nav-item{
  position:relative;
}
.nav-item .dropdown-menu{
  background-color: rgba(255,255,255,0.1);
}
.navbar button{
  font-size: var(--bs-nav-link-font-size);
}
.dropdown-menu {
  --bs-dropdown-min-width: auto!important;
  --bs-dropdown-border-radius: 0rem;
}
.home .nav-link,
.contact .nav-link{
  color:var(--color-01);
}
#logo_moonwalks {
  fill: var(--bs-link-color);
}

.btn{
  --bs-btn-font-weight: 300;
}
.btn-primary{
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: transparent;
  border-radius: var(--bs-border-radius-pill)!important;
  padding: 10px 30px 10px 30px;

}
.btn-primary.btn-white{
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: rgba(255,255,255,0.3);
  --bs-btn-active-bg: rgba(255,255,255,0.3);
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #dedede;
  --bs-btn-border-color: #ffffff; 
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  border-radius: var(--bs-border-radius-pill)!important;
}
.btn-secondary{
  --bs-btn-color: #333333;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #999999;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #333333;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dedede;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dedede;
  
  /*border-radius: var(--bs-border-radius-pill)!important;*/
  border:0px;
  border-radius:0;
  text-align: left;
  padding: 0 0px 20px 0px;
  position: relative;
}

.btn-secondary svg{
  position: absolute;
  right: -2%;
  top: 25%;
  bottom: 25%;  
  margin: auto;
}
.pillpower{
  background-color: transparent;
  font-weight: normal;
  color: #FFF;
  border: 1px solid #FFF!important;
  font-size: 0.8em;
}
#home_slider h2{
  font-size: 3em;
  color: var(--color-01);
  font-weight: normal;
}
#footer{
  background: #000000;
  color:#dbd6d0;
  /*color:#808080;
  margin-top:2rem;*/
}
.footer-menu{
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
}
#footer a{
  color:#dbd6d0;
  /*color:#808080;*/
  font-weight:normal;
  text-decoration:none;
}
#footer ::-ms-input-placeholder { /* Edge 12-18 */
  font-size: 12px;
}
#footer ::placeholder, #footer select {
  font-size: 12px;
}
#footer .form-check-input[type=checkbox]{
  border-radius:10px;
  margin-top: 8px;
}
#footer .form-check-input {
  width: 0.8em;
  height: 0.8em;
}
#footer p {
 font-size: 0.6rem;
}
.title-big{
  font-size: 4.5em;
  line-height: 0.95em;
  font-weight: 700;
}
.text-justify{
  text-align: justify;
}
.fs-2{
  font-size: 3em!important;
  line-height: 0.8em;
}
.fs-3{
  font-size: 1.6em!important;;
}
.fs-6{
  font-size: 6em!important;
}
.border-radius-1{
  border-radius: 0.6rem;
}
.border-radius-2{
  border-radius: 2rem;
}
.brightness{
  filter: brightness(0.8);
}
.plus{
  width: 35px;
  height: 35px;
  margin-right:20px;
}
.btn-icon{
  position: relative;
  display: block;
}
.btn-icon::after{
  font-family: bootstrap-icons!important;
  content: '\F285';
  position: absolute;
  right: 0px;
}
.collapseIcon h2,.collapseIcon h3{
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}
.collapseIcon h2::after{
  font-family: bootstrap-icons!important;
  content: '\F285';
  margin-left: 10px;
  position: absolute;
  bottom: -2px;
  right: 0;
}
.collapseIcon h2.collapsed::after{
  content: '\F282';
}
.collapseIcon h3::after{
  font-family: bootstrap-icons!important;
  content: '\F64D';
  position: absolute;
  right: 0;
}
.collapseIcon h3.collapsed::after{
  content: '\F63B';
}

.title-project, .title-project a{ 
  color: #7E7E7E;
  text-transform: capitalize;
}

@media screen and (max-width: 1440px){
  .nav-link{
    font-size: 0.75rem;
  }
  .fs-6{
   font-size: 5em!important;
  }
  --bs-nav-link-font-size: 0.8rem;
  
}
@media screen and (max-width: 1024px){
.navbar {
    --bs-navbar-nav-link-padding-x: 0.5rem;
  }
}    
@media (min-width: 1200px){
  .navbar{
    --bs-navbar-nav-link-padding-x: 1.5rem;
  }
  .h2, h2 {
    line-height: 1em;
  }
}
@media screen and (max-width: 767px){
  :root{
    --gl-padding-left: 0rem;
    --gl-padding-right: 0rem;
  }
  body{
    margin-top:80px;
  }
  
  p,td{
    font-size: 0.8rem;
  }
  #navMenu{
    padding: 0.2rem 0!important;
  }
  #logo_moonwalks{
    width: 180px;
    margin-bottom: 5px;
  }
  #logo_moonwalks_footer{
    width: 120px;
  }
  .title-big{
    font-size: 1.3em;
    font-weight: 500;
  }
  #home_slider h2 {
    font-size: 1.15em;
  }
  .plus{
    width: 30px;
    height: 30px;
  }
  .fs-2{
    font-size: 2.5em!important;
    line-height: 0.7em;
  }
  .fs-6{
    font-size: 1.7em!important;
  }
  /*SLIDE*/
  .slide-text {
    font-size: 24px; }
  .slide-heading {
    font-size: 48px; }
  .slide-img {
    height: 460px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  /*FOOTER*/
  #footer .list-inline-item{
    display: list-item;
  }  
  .collapseIcon h2{
    font-weight: bold;
  }
  .collapseIcon h2::after{
    margin-left: 10px;
    font-weight:lighter;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .pillpower{
    font-size: 0.7em;
  }
  .title-project{
    font-size: 0.7em;
  }
}