@media only screen and (max-width: 500px) {
  .content {
    width: 90%; }
  header.content {
    width: 96%; }
  /* For mobile phones: */
  .sidebar ul {
    margin-left: 50px;
    margin-top: 100px; }
    .sidebar ul li {
      margin-bottom: 20px; }
  .btn-hire {
    top: 450px; }
  .btn-hire.active {
    left: 50px; }
  .footer {
    padding: 50px 0;
    margin-top: 80px; }
    .footer .content {
      display: grid;
      grid-template-rows: repeat(4, 1fr);
      justify-content: center;
      align-items: center;
      text-align: center; }
    .footer .site-policy {
      grid-row: 1/2; }
    .footer .btn-footer {
      grid-row: 2/3;
      display: block;
      margin: 50px auto 0 auto; }
    .footer .social-media {
      grid-row: 3/4;
      margin-top: 30px; }
    .footer .rights-reserved {
      grid-row: 4/5;
      color: #76D9C1; }
    .footer .site-policy li {
      display: block;
      margin-bottom: 15px; }
    .footer .social-media,
    .footer .site-policy {
      font-size: 0; }
    .footer .social-media li {
      margin-right: 0; }
    .footer .social-media li:not(:first-child) {
      margin-left: 20px; }
  .clip-navigation {
    grid-gap: 20px; }
    .clip-navigation a {
      font-size: 19px;
      font-weight: normal;
      margin-left: 0;
      display: flex; }
      .clip-navigation a svg {
        margin-right: 10px;
        transform: scale(0.7); }
      .clip-navigation a:last-child svg {
        margin-left: 10px;
        transform: scale(0.7) scale(-1);
        margin-right: 0; } }