/* webfonts in use */
/* OpenSansLight, OpenSansReg, OpenSansIT, OpenSansBold, OpenSansSemiBold */
/* FontAwesome:
   Brands: font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; 
*/

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #f5f5f5;
      font-family: Arial, sans-serif;
      color: #111;
    }

    .container {
      text-align: center;
      padding: 20px;
    }

    .logo {
      max-width:350px;
      height:auto;
      display: block;
      margin-bottom: 40px;
    }

    .buttons {

    }

    .button {
      display:block;
      width: 100%;
      text-decoration: none;
      margin:12px 0;
      padding: 14px 28px;
      border-radius: 10px;
      background: #111;
      color: white;
      font-size: 16px;
      transition: 0.2s ease;
      display: inline-block;
    }

    .button:hover {
      background: #333;
      transform: translateY(-2px);
    }

/* start with mobile optimazing */
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 768px) {	
}
@media only screen and (max-width: 640px) {	
}
@media only screen and (max-width: 480px) {	
}
@media only screen and (max-width: 360px) {	
}