/*========================*/
/*========ASIDE===========*/
/*========================*/
aside {
  padding: 35px 25px;
  width: 100vw;
}

aside h3 {
  padding-top: 0px;
}

.aside_full {
  display: none;
}

.aside_mobile {
  display: block;
}

aside input,
aside select,
aside textarea {
  width: 100%;
  padding: 5px 5px;
  margin: 10px 0px;
  font-size: 1em;
  color: #333;
}

div.dropdown.bootstrap-select {
  width: 100% !important;
}

select#project {
  border-radius: 0;
}

button.dropdown-toggle {
  margin: 10px 0px;
  border-radius: 0;
}

.dropdown-toggle::after {
  border-top: 0.3em solid !important;
  border-bottom: 0 !important;
}

div.dropdown-menu.show {
  min-width: 200px !important;
  width: 100% !important;
}

.submit_btn {
    width: 100%;
}

/*========================*/
/*=====RESPONSIVE=========*/
/*========================*/

@media screen and (min-width: 650px) {
  /*========ASIDE===========*/
  .aside_mobile {
    display: flex;
  }

  .aside_mobile input,
  .aside_mobile select {
    width: 45%;
  }

  div.dropdown.bootstrap-select {
    width: 45% !important;
  }

  .contact .submit_btn,
  .contact textarea,
  aside textarea,
  aside .submit_btn {
      width: 90% !important;
  }
}

@media screen and (min-width: 900px) {
  /*========ASIDE===========*/
  aside {
    justify-self: end;
    width: 30vw;
    max-width: 450px;
  }

  .aside_mobile {
    display: none;
  }

  .aside_full {
    display: block;
  }
  div.dropdown.bootstrap-select {
    width: 100% !important;
  }

  .submit_btn {
      width: 100%;
  }

  .contact .submit_btn,
  .contact textarea {
    width: 90% !important;
  }

  aside textarea,
  aside .submit_btn {
      width: 100% !important;
  }
}