@media (min-width: 1200px) {
  /* Structure > 1200px */
  #header-home #nav, #header #nav {
    width: 1130px; }

  #container {
    width: 1130px; }

  #top .content {
    width: 100%;
    margin: 0; }

  #footer .inner-footer {
    width: 90%; }

  #footer-home .inner-footer {
    width: 90%; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  /* Structure 1024 to 1199 */
  #header-home #nav, #header #nav {
    width: 980px; }

  #container {
    width: 980px; }

  #top .content {
    width: 100%;
    margin: 0; }

  #footer .inner-footer {
    width: 90%; }

  #footer-home .inner-footer {
    width: 90%; }

  .filter-container .items li {
    width: 30% !important;
    margin: 0px 29px 25px 0; }

  .timeline li .info {
    width: 100%;
    margin-top: 30px; }

  .timeline:before {
    left: 24.5%; } }
@media (min-width: 980px) and (max-width: 1023px) {
  /* Structure 980 to 1023 */
  #header-home #nav, #header #nav {
    width: 940px; }

  #container {
    width: 940px; }

  #top .content {
    width: 100%;
    margin: 0; }

  #footer .inner-footer {
    width: 90%; }

  #footer-home .inner-footer {
    width: 90%; }

  .filter-container .items li {
    width: 29.7% !important;
    margin: 0px 30px 25px 0; }

  .timeline li .info {
    width: 100%;
    margin-top: 30px; }

  .timeline:before {
    left: 24.5%; } }
@media (min-width: 769px) and (max-width: 979px) {
  /* Structure 768 to 979 */
  #header-home #nav, #header #nav {
    width: 760px; }
  #header-home #nav .box-logo a, #header #nav .box-logo a {
    padding: 37px 30px; }
  #header-home #nav .box-logo img, #header #nav .box-logo img {
    width: 90px;
    height: auto; }

  #container {
    width: 760px; }

  #top .content {
    width: 100%;
    margin: 0; }

  .filter-container .items li {
    width: 45% !important;
    margin: 0px 29px 25px 0; }

  .box {
    width: 24.5% !important;
    margin: 1px 2px 1px 0; }

  #footer .inner-footer {
    width: 90%; }

  #footer-home {
    width: 100%; }
  #footer-home .inner-footer {
    width: 760px; }

  .timeline li .date {
    margin: 16px 0 0 80px; }
  .timeline li .icon {
    left: 8px; }
  .timeline li .info {
    width: 100%;
    margin-top: 30px; }

  .timeline:before {
    left: 30px; } }
@media (max-width: 768px) {
  /* Structure  < 767 */
  /* Typography */
  h1 {
    font-size: 1.5em;
    margin: 0.15em 0; }

  h2 {
    font-size: 1em;
    margin: 0.15em 0; }

  /* #header */
  .social-container {
    display: none; }

  #profile:target ~ #header #nav #link-profile, #portfolio:target ~ #header #nav #link-portfolio, #resume:target ~ #header #nav #link-resume, #contact:target ~ #header #nav #link-contact {
    color: white !important;
    background-color: #333333 !important;
    padding: 0px !important; }
  #profile:target ~ #header #nav #link-profile > nav, #portfolio:target ~ #header #nav #link-portfolio > nav, #resume:target ~ #header #nav #link-resume > nav, #contact:target ~ #header #nav #link-contact > nav {
    display: none; }

  #header-home, #header {
    background: #333;
    z-index: 99999; }
  #header-home #nav, #header #nav {
    width: 100%;
    margin: 0 auto; }
  #header-home #nav .box-logo, #header #nav .box-logo {
    display: none; }
  #header-home #nav .box-logo-mobile, #header #nav .box-logo-mobile {
    display: block;
    background-color: transparent;
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: auto;
    text-align: left;
    cursor: pointer;
    margin: 14px 0 0 14px; }
  #header-home #nav .box-logo-mobile a, #header-home #nav .box-logo-mobile a:link, #header #nav .box-logo-mobile a, #header #nav .box-logo-mobile a:link {
    color: #fff;
    padding: 0px; }
  #header-home #nav .box-logo-mobile img, #header #nav .box-logo-mobile img {
    width: auto;
    height: 30px; }
  #header-home #nav .box-logo-mobile a:hover, #header #nav .box-logo-mobile a:hover {
    background-color: transparent; }
  #header-home #nav ul, #header #nav ul {
    display: none; }
  #header-home #nav ul li, #header #nav ul li {
    width: 100%;
    text-align: left;
    margin: 0; }
  #header-home #nav ul li div.menu-name, #header #nav ul li div.menu-name {
    color: #fff;
    width: auto;
    text-align: left;
    font-size: 13px;
    display: block;
    float: none;
    padding: 20px 0 20px 20px;
    margin: 0; }
  #header-home #nav ul li a, #header #nav ul li a {
    color: #fff;
    display: block;
    text-align: left;
    padding: 0px;
    -webkit-transition: 0.3s all 0s;
    -moz-transition: 0.3s all 0s;
    -o-transition: 0.3s all 0s;
    -ms-transition: 0.3s all 0s;
    transition: 0.3s all 0s; }
  #header-home #nav ul li a:hover, #header #nav ul li a:hover {
    color: #333333 !important;
    background-color: #129ada !important;
    padding: 0px !important; }
  #header-home #nav ul .current a, #header #nav ul .current a {
    color: #333333 !important;
    background-color: #129ada !important;
    padding: 0px !important; }
  #header-home #nav #link-profile, #header-home #nav #link-portfolio, #header-home #nav #link-resume, #header-home #nav #link-contact, #header #nav #link-profile, #header #nav #link-portfolio, #header #nav #link-resume, #header #nav #link-contact {
    background-color: #333;
    border-top: 1px solid #444; }
  #header-home #nav #link-profile:before, #header-home #nav #link-portfolio:before, #header-home #nav #link-resume:before, #header-home #nav #link-contact:before, #header #nav #link-profile:before, #header #nav #link-portfolio:before, #header #nav #link-resume:before, #header #nav #link-contact:before {
    content: none; }

  .btn-responsive-menu {
    display: block; }

  .content {
    margin: 20px auto;
    width: 90%; }

  #container {
    width: 100%;
    margin: 0 auto; }

  #top .content {
    width: 100%;
    margin: 0; }

  form .radio {
    width: auto;
    margin: 5px 0; }

  .map iframe {
    max-height: 200px !important; }

  /*** COLUMNS ***/
  .one-half-first, .one-half-last, .one-third-first, .one-third, .one-third-last, .one-fourth-first, .one-fourth, .one-fourth-last, .two-third-first, two-third-last {
    float: left;
    width: 100%; }

  .filter-container .items li {
    width: 45% !important;
    margin: 0px 29px 25px 0; }

  .box {
    width: 33% !important;
    margin: 1px 2px 1px 0; }

  /* Footer */
  #footer-home {
    display: none; }

  #footer .inner-footer {
    width: 90%; }
  #footer .inner-footer .copyright {
    width: 100%;
    margin-bottom: 10px; }
  #footer .inner-footer div {
    text-align: center !important; }

  .timeline li .info {
    width: 67%; }

  .timeline:before {
    left: 23.7%; } }
@media (min-width: 250px) and (max-width: 650px) {
  .filter-container .items li {
    width: 100% !important; }

  .box {
    width: 49% !important;
    margin: 1px 2px 1px 0; }

  .timeline li .date {
    margin: 16px 0 0 80px; }
  .timeline li .icon {
    left: 8px; }
  .timeline li .info {
    width: 100%;
    margin-top: 30px; }

  .timeline:before {
    left: 30px; } }