/* COLORS: */
:root {
    --color-background: #D9D9D9;
    --color-background-text: #39393A;
    --color-whitish: #FAFFFD;
    --color-header: #39393A;
    --color-highlight: #5299D3;
    --color-supplimental: #F08A4B;

    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
  }
  
html,body,main{
    /* height: 100% !important; */
    top:0;
    background-color: white;
}
  #logo-holder{
    width: 100%;
    text-align: center;
    margin: 20% 8px;
}

#navbar-mobile{
  background-color: transparent !important;
  box-shadow: none;
}
#mobile-header{
  height: 64px;
  background-color: #f9f9f9;
}


#tp-logo{
    width: 100%;
    text-align: center;
    font-size: 2.1em;
    font-weight: 900;
    /* opacity:0.8; */


}

#tp-logo-mobile{
  color: black;
  opacity: 0.7;
  font-size: 1.8rem;
  font-weight: 900;
  position: absolute;
  left: 16px;
}

#menu-button{
  position: fixed;
  right: 0;
 
}

#mm-logo-mobile{
  color: black;
  opacity: 0.7;
  font-size: 1.3rem;
  font-weight: 200;
  position: absolute;
  top:24px;
  left: 16px;
}


#mm-logo{
    width: 100%;
    text-align: center;
    font-size: 1.9em;
    margin-top: -18px;
    margin-left: -1px;
    font-weight: 200;
    /* opacity:0.7; */
    

}

#menu-lrg{
  width:100%;
  font-size: 1.2rem;
  text-align: center;
  color: black;
}

#social-lrg{
  position: fixed;
  bottom: 16px;
  width: 100%;
  text-align: center;
  
}


#social{
  position: fixed;
  bottom: 64px;
  width: 100%;
  text-align: center;
  
}


.menu-item{
    font-size: 1.5em !important;
    font-weight: 300 !important;
    opacity: 0.7;
    cursor: pointer;
    text-align: left;
    padding-left: 56px !important;
    margin-bottom: 16px;
}


.menu-item.active{
    font-size: 1.5em !important;
    font-weight: 500 !important;
    color: black !important;
}

.feature{
    height:200px;
    background-color: red;
}
.feature-img{
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;

}



.social-icon-big{
    height: 48px;
    width: 48px;
    margin: 0 8px;
    /* opacity: 0.7; */
  }


  
  #copyright{
    width:100%;
    text-align: center;
    position: absolute;
    bottom:32px;
    color: #00000070;
    font-size: 0.8rem;
  }

  .btn{
    
    box-shadow: none !important;
    background-color: #5299D3;
  }

  .btn:hover{
    background-color: #5299d3c4;
  }

  .contact-input{
    background: #00000005 !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    padding-left: 12px !important;
    font-size: 18px !important;
    font-weight: 400;
    
}