@media screen and (max-width: 540px) {
	#head {
		font-size: 45px;
		padding-bottom: 15px;
		padding-top: 15px;
	}

  #main-view {
    padding: 0;
  }

	#page {
		margin-left: 15px;
		margin-right: 15px;
	}

	.fa {
		margin: 0;
		padding: 8px;
		width: 23px;
		font-size: 23px;
	}

	.menu-open, .menu-circle {
		height: 45px;
		width: 45px;
	}

  .menu-img-button {
    height: 45px;
    width: 45px;
  }

	.phone-menu {
		width: 45px;
    height: 45px;
    padding: 5px;
	}

	.phone-menu div {
		height: 45px;
	}

	#sm-buttons {
		width: 180px;
	}

  #content {
    width: 100%!important;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1125px) {
  #menu {
    position: relative !important;
  }

  /* Large menu */
  .phone-menu {
      display: none;
      width: 0 !important;
  }

  #content_padding {
      padding-right: 225px;
  }
}

@media screen and (max-width: 1124px) {
  #menu {
    position: fixed !important;
    right: 0;
    margin-right: 10px;
  }

  /* Small menu */
  .desktop-menu {
      display: none;
      width: 0 !important;
  }

  #splitter {
    display: none;
  }
}

@media screen and (max-width: 859px) {
    #content {
        width: 100% !important;
        margin: none !important;
        border: none !important;
    }
}