/* ------------------------------------ */
/* - Author   : Dennis Twardy --------- */
/* - Copyright: 2017 by Dennis Twardy - */
/* ------------------------------------ */
@import url(normalize.css);
body {
  min-width: 240px;
  background-color: #00BCD4; }

#wrapper:hover {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03); }

#wrapper {
  background-color: #00BCD4;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.3s ease-in-out; }
  @media (min-width: 240px) {
    #wrapper {
      margin-left: -84px;
      margin-top: -84px;
      width: 168px;
      height: 168px; }
      #wrapper #logo {
        width: 168px;
        height: 168px; } }
  @media (min-width: 240px) and (orientation: landscape) {
    #wrapper {
      margin-left: -60px;
      margin-top: -60px;
      width: 120px;
      height: 120px; }
      #wrapper #logo {
        width: 120px;
        height: 120px; } }
  @media (min-width: 480px) {
    #wrapper {
      margin-left: -120px;
      margin-top: -120px;
      width: 240px;
      height: 240px; }
      #wrapper #logo {
        width: 240px;
        height: 240px; } }
  @media (min-width: 720px) {
    #wrapper {
      margin-left: -180px;
      margin-top: -180px;
      width: 360px;
      height: 360px; }
      #wrapper #logo {
        width: 360px;
        height: 360px; } }
  @media (min-width: 1080px) {
    #wrapper {
      margin-left: -270px;
      margin-top: -270px;
      width: 540px;
      height: 540px; }
      #wrapper #logo {
        width: 540px;
        height: 540px; } }
  @media (min-width: 1440px) {
    #wrapper {
      margin-left: -432px;
      margin-top: -432px;
      width: 864px;
      height: 864px; }
      #wrapper #logo {
        width: 864px;
        height: 864px; } }