.sitename {
  font-size: 20px !important; 
  font-weight: 400 !important; 
  line-height: 0.5em;
  color: darkgreen !important;
}

.small-sitename {
  font-size: 12px;
}

.logo_goldstar {
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 450px) {
  .sitename {
    font-size: 10px !important;
    line-height: 1.5em !important;
  }

  .small-sitename {
    font-size: 7px !important;
  }
}

@media only screen and (min-width: 451px) {
  .logo_goldstar {
    /*width: 100px;*/
    /*height: 100px;*/
  }
}

@media only screen and (max-width: 350px) {
  .sitename {
    font-size: 10px !important;
    line-height: 1.5em !important;
    font-weight: bolder !important;
    color: darkgreen !important;
  }

  .small-sitename {
    font-size: 8px !important;
    font-weight: bold;
    color: darkgreen !important;
  }
}

.mail {
  -webkit-transition: 0.5s;'
  transition: 0.5s;
  border: 1px solid #5fcf80;
  outline-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: none !important;
}

.pass {
  -webkit-transition: 0.5s;'
  transition: 0.5s;
  border: 1px solid #5fcf80;
  outline-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: none !important;
}

input:focus {
  outline-color: #5fcf80 !important;
  border-color: #5fcf80 !important;
  border-width: 2px;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 1000px) {
  .ads_sponsor {
      width: 60vw !important;
  }
}