.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6 {
    font-family: 'Staatliches';
    margin:0;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 8px
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Staatliches';
  margin:0;
}

input, textarea {
  font-family:Verdana;
  font-size:0.8rem;
}

.sm-text {
    font-size:1rem;
}
.md-text {
    font-size:1.2rem;
}

.q-tab__label
{
    font-size:1.3rem;
}

.intro div{
    padding:20px;
    max-width:50%;
  }
  
  .screen--xs .intro div{
    max-width:90%;
  }
  
  .intro
  {
    background-color:#E5EDEE ;
    border-bottom:solid 3px #c9c9c9;
    min-height:150px;
  }
  .q-btn {
    font-family: 'Staatliches';
    margin:0;
    font-size:1.5rem;
    min-height:40px;
    min-width:40px;
    line-height:1rem;
  }
  
  body, a {
    font-family:'BenchNine';
  }
  a{
    color:white;
  }
  
  .bottom{
    background-color:#719199 ;
  }
  
  h2 {
    color:#642F38;
    font-size:2.8rem;
  }
  
  p {
    font-size:1.6rem;
  }
  
  
  
  .topbar
  {
    background-color:#E5EDEE ;
    border-bottom:solid 3px #c9c9c9;
    padding-top:10px;
    padding-right:10px;
    padding-left:10px;
    min-height:100px !important;
  }
  .topbar h4{
    font-size:2rem;
    color:#224646;
  }
  .topbar .q-tab__label {
    font-family: 'Staatliches';
    font-size:1.5rem;
  }
  .topbar .q-tab__indicator {
    height:4px;
    background-color: rgb(0, 217, 255);
  }
  
  .marketplace
  {
    background-color:#E5EDEE ;
    border-bottom:solid 3px #c9c9c9;
    padding-top:10px;
    padding-right:10px;
    padding-left:10px;
  }
  .marketplacepage h5{
    color:white;
  }
  .marketplacepage .q-btn{
    line-height:.1rem;
  }
  .marketplace h4{
    font-size:2rem;
    color:#224646;
  }
  .marketplace .q-tab__label {
    font-size:1.2rem;
  }
  .marketplace .q-tab__indicator {
    height:4px;
    background-color: rgb(0, 217, 255);
  }
  
  .text-body-3{
    font-size:1.2rem;
  }
  .text-body-4{
    font-size:1.5rem;
  }
  
  .project-view{
    padding-bottom:0px !important;
  }
  .project-view h6 {
    color:#78faff;
  }
  .project-view .q-tab__label {
    font-size:1.6rem;
    color:white;
  }
  .q-tab--active {
    font-size:1.2rem;
    background-color: #fff;
    color:#333
  }
  .q-tab--inactive {
    font-size:1.2rem;
    background-color: #777;
    color:#fff;
    text-decoration: underline;
  }
  .q-tab__indicator {
    height:4px;
    background-color: #fff;
    display:none;
  }
  
  .express{
    background-color:#000;
    max-height:none;
  }

  .screen--xs .express,
  .screen--sm .express {
    background-color:#000;
    max-height:none;
  }

  .express .left{
    background-color:#DED7DE;
    min-width:400px;
    min-height: 300px;
  }

  .express .right{
    background-image: url(../assets/expressheader.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position:0 -100px;
    min-height:150px;
  }

  .screen--sm .express .right,
  .screen--md .express .right,
  .screen--lg .express .right,
  .screen--xl .express .right {
    background-image: url(../assets/expressheader.png);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position:-200px -200px;
    min-height:200px;
    max-height:none;
  }

  .screen--lg h2,
  .screen--xl h2 {
    color:#642F38;
    font-size:3.6rem;
  }

  .screen--lg p,
  .screen--xl p{
    font-size:2.5rem;
  }


  .experience {
    background-color:#C0C9BC;
    min-height:300px;
    background-image:url(../assets/experienceborder.png);

    background-repeat: repeat-x;
    background-size: auto;
  }

  .experience h2 {
    color:#eee;
  }

  .experience .left {
    background-image: url(../assets/experience.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:bottom;

  }

  .experience .left{
    min-height:0;
  }
  .screen--xs .experience .left{
    min-height:330px;
  }

  .screen--md .experience .left {
    max-width: 68%;
  }
  .screen--lg .experience .left {
    max-width:65%;
  }

  .screen--xl .experience .left {
    max-width: 62%;
  }

  .rare {
    background-image: url(../assets/rare.png);
    background-size:cover;
    background-repeat: no-repeat;
    border-top:solid 3px white;
  }
  .rare .right {
    background-image: url(../assets/looksrare.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:top;
  }

  .experience .rare .right{
    min-height:0;
  }
  .screen--xs .rare .right{
    min-height:330px;
  }

  .screen--md .rare .right {
    max-width: 68%;
  }
  .screen--lg .rare .right {
    max-width:65%;
  }

  .screen--xl .rare .right{
    max-width: 62%;
  }

  .rare h2 {
    color:#FFD0B6;
  }
  .rare p{
    color:#fff;
  }
  .rare .q-btn{
    color:#fff;
  }
  .screen--xs h5{
    font-size:2rem;
  }
  .screen--xs a{
    font-size:1.3rem;
  }
  .q-footer h5 {
    color:cyan;
  }
  .q-footer{
    background-color:#111;
    border-top:solid 3px #fff;
  }
  .q-header{}
  .q-drawer .col-12{
    margin-bottom:5px;
  }
  .q-drawer .q-btn {
    height:40px !important;
  }
  .active{
    background-color:#eee !important;
  }
  .menu-sm{
  display:block !important;
  padding:0;
  padding-left:5px;
  padding-right:5px;
  margin-right:20px;
  }
  .menu {
  display:none;
  }
    .page {
      background-color:#333;
    }
    .rmargin{
      margin-right:50px;
    }
    .smargin{
      margin-right:20px;
    }