.navbar {
    --dark-grey-planiso: #262626;
    --light-word-planiso: rgb(199, 199, 199);
    --light-orange-planiso: rgb(244, 119, 33, 0.8);
    --orange-planiso: #f47721;
    height:60px;
}

.navbar-default .navbar-nav>li>a {
    color: var(--light-word-planiso);
}

.navbar-default{
    background-color: var(--dark-grey-planiso);
    border-color: none;
}

.navbar-brand{
    padding:0px;
    padding-right:10px;
}
.navbar-brand > .logo {
    height:100%;
    height:60px;
    padding: 0;
}
.navbar-nav {
    margin: 0px 0px 0px 30px;
    padding-top: 10px;
}
.navbar-default .navbar-nav>li.btn-login>a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: larger;
    text-align: center;
}
.btn-login{
    background-color:var(--light-orange-planiso);
    border-radius: 18px;
    width: 200px;
}
.btn-login > a{
    color:white!important;
}
.navbar-default .navbar-nav>li.btn-login:hover {
  background-color: var(--orange-planiso)!important;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}







/* stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix */

/* height = .navbar  */
body {
/*   padding-top: 60px;
  padding-bottom: 40px;
  background-color: rgb(199, 199, 199); */
}

.form-signin {
  max-width: 330px;
  padding:30px;
  padding-top:20px;
  margin: 30px auto;
  border-radius: 5px;
  background-color: rgb(224, 224, 224);
}

.form-signin .form-signin-heading,
.form-signin .form-signin-subscribe,
.form-signin-error,
.form-signin-resetpwd {
  margin: auto;
  text-align: center;
}
.form-signin .form-signin-heading {
  padding-bottom: 15px;
}

.form-signin .form-signin-subscribe a,
.form-signin-resetpwd a {
  text-decoration: underline;
  color:inherit;
}
.form-signin .form-signin-subscribe a:hover,
.form-signin-resetpwd a:hover {
  color: rgba(42, 52, 52, 1);
}
.form-signin-error {
  color:red;
}

.form-signin .form-control {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin button[type="submit"]{
  border-radius: 10px;
  font-size: 1.2em;
}
  
@media (min-width:1030px) and (max-width: 1120px) {
  .men {
    margin: -56px 0px 0px 30px !important;
    padding-top: 10px !important;
    float: left !important;
    color: var(--light-word-planiso) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 240px;
    padding-right: 40px;
    font-size: smaller;
    text-align: center;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
}
@media (min-width: 990px) and (max-width: 1030px) {
  .men {
    margin: -60px 0px 0px 30px !important;
    padding-top: 10px !important;
    float: left !important;
    color: var(--light-word-planiso) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 200px;
    padding-right: 40px;
    font-size: smaller;
    text-align: center;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
}
@media (min-width: 830px) and (max-width: 990px) {
  .men {
    margin: -15px 0px 0px 30px !important;
    padding-top: 10px !important;
    float: left !important;
    color: var(--light-word-planiso) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 40px;
    font-size: 13px;
    text-align: center;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
}
/* @media (max-width: 768px) {
  .men{
    margin: 0px 0px 0px 30px !important;
    padding-top: 10px !important;
    float: left !important;
    color: var(--light-word-planiso) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: larger;
    text-align: center;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    
  }
} */