/*----------------------------------------
 * Title text
 ------------------------------------------*/

.title-text {
  font-weight: 400;
  font-style: italic;
  color: #20374F;
}

@media only screen and (min-width: 360px) {
  .title-text {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 390px) {
  .title-text {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 420px) {
  .title-text {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 450px) {
  .title-text {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 480px) {
  .title-text {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 510px) {
  .title-text {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 540px) {
  .title-text {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 570px) {
  .title-text {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 600px) {
  .title-text {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 630px) {
  .title-text {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 660px) {
  .title-text {
    font-size: 2.75rem;
  }
}

@media only screen and (min-width: 690px) {
  .title-text {
    font-size: 2.75rem;
  }
}

@media only screen and (min-width: 720px) {
  .title-text {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 750px) {
  .title-text {
    font-size: 3.2rem;
  }
}

@media only screen and (min-width: 780px) {
  .title-text {
    font-size: 3.4rem;
  }
}

@media only screen and (min-width: 810px) {
  .title-text {
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 840px) {
  .title-text {
    font-size: 3.68rem;
  }
}

@media only screen and (min-width: 870px) {
  .title-text {
    font-size: 3.82rem;
  }
}

@media only screen and (min-width: 900px) {
  .title-text {
    font-size: 3.2rem;
  }
}

@media only screen and (min-width: 930px) {
  .title-text {
    font-size: 3.4rem;
  }
}

@media only screen and (min-width: 960px) {
  .title-text {
    font-size: 3.4rem;
  }
}

@media only screen and (max-width: 360px) {
  .title-text {
    font-size: 1.48rem;
  }
}

/*----------------------------------------
    Login Page
------------------------------------------*/

.login-form-text{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8rem;
}
.profile-image-login{
  width: 100px;
  height: 100px !important;
}

.login-text {
  margin-top: -6px;
  margin-left: -6px !important;
}

.card.developer-plan {
    background-color: #3188c9;
}

.card .card-content .heading-divider {
    display: block;
    width: 40px;
    height: 1px;
    background: #fbc02d;
    margin: 15px auto;
}

.lang-divider {
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #fbc02d;
    margin: auto 5px;
}

.section-divider {
    display: block;
    width: 80px;
    height: 1px;
    background: #fbc02d;
    margin: 30px auto;
}

.wrap { 
   word-wrap: break-word;      /* IE */
}