@media only screen and (max-width: 574px) {
    .nav-logo {
        display: none;
    }
}

@media only screen and (max-width: 465px) {
    .middle-section {
        display: none;
    }
}


@media screen and (max-width: 997px) {
    .section2 {
        background-size: 200% !important;
    }
}

@media screen and (max-width: 600px) {
    .section2 {
        background-size: 300% !important;
    }
}

@media screen and (max-width: 995px) {
    .join-form-team {
        position: unset !important;
        height:66% !important;
    }

    .path-text {
        text-align: center;
        margin-right:5%;
        margin-left:5%;
    }
}


.sc-nav-bg-color {
    background-color: black;
}

/*
.sc-font-color {
    color: white;
}*/

@font-face{
    font-family: LemonMilk;
    src: url('../fonts/LEMONMILK-Regular.otf');
    
  }

span, h1, h2, h3, h4, p, label {
    font-family: LemonMilk;
    color: white;
}

h4 {
    font-weight:bold;
}

p {
    font-size:14px;
}

.section1 {
    /*margin-top:70px;*/
    background-image: url('../images/img11-gray.jpg'), linear-gradient(-35deg, black, #f5cf6f);
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
    /*height:54%;*/
    /*z-index: 1;
    position: relative;*/
}

.middle-section {
    position: absolute;
    margin-top: -45px;
    width:100%;
    text-align: center;
}

.section2 {
    background-image: url('../images/img2.jpg'), linear-gradient(45deg, black, #c29219);
    background-blend-mode: overlay;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*height:30%;*/
    position: relative;
    z-index:1000;
}

.section1-text {
    text-align: center;
    position: absolute;
    width:100%;
    padding-top: 8%;
}

.section2-text {
    text-align: center;
    margin-top: 10%;
    position: absolute;
    width: 100%;
}

nav {
    box-shadow:0 .5rem 1rem rgba(0,0,0,.55)!important;
}

body {
    /*overflow-y:hidden;*/
    overflow-x:hidden;
  }

  /*
  .circle {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 10px;
    background: #fff;
    border: 3px solid #000;
    color: #000;
    text-align: center;
    font: 32px Arial, sans-serif;
  }*/

  .strip {
      background-color: #c29219;
      opacity: .9;
  }

  .form-labels {
      background-color: #c29219 !important;
      color:white !important;
      width:122px;
  }

  .join-form {
      position:absolute;
      right:200px;
      top:70px;
      background-color:rgba(255,255,255,0.8);
      padding: 15px 15px 0px 15px;
      /*height:100%;*/
      z-index:1;
  }

.join-form-team {
    position:absolute;
    right:200px;
    top:60px;
    background-color:rgba(255,255,255,0.8);
    padding: 15px 15px 0px 15px;
    height:100%;
    z-index:1;
}

  .back-join-form {
    position:absolute;
    right:200px;
    top:80px;
    background-color: white;
}

  input[type=submit] {
      color:white;
      background-color: #c29219;
      border-radius:22px;
      border-color: #c29219;
      margin:0 auto;
      font-family: LemonMilk;
      padding-left: 25px;
      padding-right: 25px;
      box-shadow: 0 3px 3px rgba(0,0,0,.55)!important;
  }

  .square-border {
    border-radius: 0px
  }

  .div-inputs {
    box-shadow:0 3px 3px rgba(0,0,0,.55)!important;
  }

  .nav-logo {
    position: absolute;
    width: 120px;
    margin-top:-20px;
    margin-left:20px;
    z-index:1000;
}

footer {
    position: relative;
    z-index: 1000;
}

.agent-form {
    /*position:absolute;*/
      /*right:200px;*/
      top:90px;
      background-color:rgba(255,255,255,0.8);
      padding: 55px 15px 0px 15px;
      height:100%;
      z-index:1;
}

span.error {
    color:red !important;
    display: none;
}

.cropme-wrapper {
    height:unset !important;
    padding-top:35px;
    padding-bottom:30px;
}

.cropme-rotation-slider {
    padding-top: 25px;
}