/* RESPOSIVE WEB DESIGN /////////////////////////////////////////////////////////// */

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 800px) {
  html {
    -webkit-text-size-adjust: none;
  }

  .posC {
    max-width: 500px;
    padding: 0 30px;
  }

  .web {
    display: none !important;
  }

  /* HEADER ////////////////////////////////////////////////////////// */

  .home {
    /*background:#5a7c95 url(../images/header.jpg) no-repeat center center;*/
    height: 375px;
  }

  .home aside {
    padding-top: 70px;
  }

  .home aside h2 {
    font-size: 20px;
  }

  .home aside h3 {
    font-family: "proximaNova-light", Arial, Helvetica, sans-serif;
    font-size: 25px;
  }
  .home aside .line-tip1 {
    width: 70%;
  }

  .home aside .line-tip2 {
    width: 60%;
  }

  /* ABOUT ////////////////////////////////////////////////////////// */

  .about {
    text-align: center;
    padding: 30px 0 40px 0;
  }

  .about hr {
    margin: 10px auto 20px auto;
  }

  .about p {
    padding-top: 10px;
  }

  .about a {
    margin: 30px 0 0 0;
  }

  .about a:hover {
    background-color: #dbe0e3;
  }

  /* WORK ////////////////////////////////////////////////////////// */

  .work {
    padding: 30px 0;
  }

  .work .icons {
    margin-bottom: 20px;
    width: 30px;
    height: 30px;
  }

  .work h2 {
    font-size: 20px;
  }

  .work .threeCol {
    width: 100%;
    margin-right: 0%;
    margin-top: 40px;
    margin-bottom: 0px;
  }

  .work .threeCol a .overlay:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }

  .work .threeCol a .info strong {
    margin-top: 0px;
  }

  /* PROJECT ////////////////////////////////////////////////////////// */

  .project {
    padding: 30px 0;
  }

  .project .icons {
    margin-bottom: 20px;
    width: 30px;
    height: 30px;
  }

  .project h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .project p {
    padding-top: 10px;
    margin-bottom: 20px;
  }

  .project .twoCol {
    width: 100%;
    margin-right: 0%;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .project .oneCol {
    text-align: left;
    float: left;
    width: 100%;
  }

  .project .last {
    margin-right: 0;
  }

  /* PEOPLE ////////////////////////////////////////////////////////// */

  .links,
  .people {
    padding: 30px 0;
  }

  .links .icons,
  .people .icons {
    margin-bottom: 20px;
    width: 30px;
    height: 30px;
  }

  .links h2,
  .people h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .links .threeCol,
  .people .threeCol {
    width: 100%;
    margin-right: 0%;
    margin-top: 10px;
    margin-bottom: 0px;
  }

  /* FOOTER ////////////////////////////////////////////////////////// */

  footer {
    padding: 30px 0;
  }

  footer .icons {
    margin-bottom: 20px;
    width: 30px;
    height: 30px;
  }

  footer h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }

  footer a {
    margin: 10px;
  }

  footer a img {
    width: 25px;
  }

  footer a:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  .posC {
    max-width: 290px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 563px) {
  .about .or {
    display: none;
  }
}