@media only screen and (max-width: 1200px) {
  .top_wrapper .top_text {
    width: 40%;
  }
}

@media only screen and (max-width: 992px) {
  .button-collapse .material-icons,
  header .button {
    margin-top: 3px;
  }
  .top_wrapper .top_text {
    width: 60% !important;
  }
  .contacts .container {
    width: 40%;
  }
}

@media only screen and (max-width: 600px) {
  .button-collapse .material-icons,
  header .button {
    margin-top: 7px;
  }
  .dropdown-button {
    height: 64px;
    padding-top: 5px;
  }
  footer.page-footer .footer-copyright {
    height: 100px;
  }
  .top_wrapper .top_text {
    width: 100% !important;
  }
  .contacts .container {
    width: 70%;
  }
  .vision .icon {
    display: block!important;
    margin: 0 auto 15px!important;
    float: none!important;
  }
  .vision h3 {
    text-align: center!important;
  }
  .vision .item-list {
    padding-top: 50px;
  }
  .vision .item-list p {
    text-align: center !important;
  }
}

@media only screen and (max-width: 480px) {
  .contacts .container {
    width: 85%;
  }
  .navbar-fixed .button{
  color: #31406b !important;
  }

  .dropdown-button{
	padding-top: 4px !important;
	margin-right: -15px;
	}
	.services .icon,
	.expertise .icon {
    display: block!important;
    margin: 0 auto 15px!important;
    float: none!important;
  }
  .about h2,
  .services h2,
  .expertise h2,
  .services h3,
  .expertise h3 {
    text-align: center!important;
  }
  hr {
  	margin: 15px auto 25px!important;
  }
  .services .item-list,
  .expertise .item-list {
    padding-top: 50px;
  }
  .about p,
  .services .item-list p,
  .expertise .item-list p {
    text-align: center !important;
  }
  .contacts .parallax-container {
    height: 500px !important;
    width: 100%;
}