@media only screen and (min-width: 641px) {
  .wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .home article .square {
    padding-bottom: calc(22% - 10px);
  }
}
@media only screen and (min-width: 1025px) {
  header {
    height: 80px;
  }
  #logo {
    margin-left: 25px;
  }
  nav {
    margin-top: 0;
    text-align: right;
  }
  nav ul li a {
    line-height: 80px;
  }
  .home #welcome {
    float: right;
    width: calc(100% - 450px);
    margin-left: 25px;
  }
  .home .widgets {
    float: right;
    width: 400px;
    margin-right: 25px;
  }
  .home .news>div>div {
    float: left;
    width: calc(66% - 25px);
  }
  .home .news #chat {
    display: block;
    width: calc(34% - 25px);
    margin-left: 50px;
  }
}