*{
    box-sizing:border-box;
    padding: 0;
    box-sizing: border-box;
  }
  :root {
    --green: #00af9a;
    --white: #ffffff;
    --wheat:#87878733;
    --yellow: #f3a437;
    --pink: #ff6278;
    --black: #2A2A2A;
    --gray:#e0e0e0;
    --drkyellow:#f38d00;
    --white-shd:#ffffffbf;
    --str-ylw:#fb0;
    --bdr-top:#cccccc;
    --btn-green:#74b144;
    --red:#ff0000;
    --blue:#337ab7;
    --bdr:#ddd;
    --light-green:#1fba9a;
    --drk-blue:#1b3f71;
    --input-bdr:#c8c8c8;
    --lght-blue:#337ab7;
    --lght-gray:#666;
    --drk-grn:#0ab90a;
    --txt-grn:#00b099;
    --bg-grn:#00b0995e;
  }
   body{
            background: #ffffff;
            background: linear-gradient(to bottom, #ffffff 0%,#e1e8ed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e8ed',GradientType=0 );
            height: 100%;
            margin: 0;
            background-repeat: no-repeat;
            background-attachment: fixed;
      
    }
    
    .wrapper-1{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .wrapper-2{
      padding :30px;
      text-align:center;
    }
    h1{
      font-family: 'Kaushan Script', cursive;
      font-size:4em;
      letter-spacing:3px;
      color:var(--txt-grn);
      margin:0;
      margin-bottom:10px;
      line-height: initial;
    }
    .wrapper-2 p{
      margin:0;
      font-size:1.3em;
      color:#aaa;
      font-family: 'Source Sans Pro', sans-serif;
      letter-spacing:1px;
    }
    .go-home{
        width: 225px;
        color: var(--white);
        font-size: 18px;
        font-family:raleyway;
        font-weight: 400;
        border-radius: 0px;
        border-color:var(--bg-grn);
        background: var(--txt-grn);
        padding: 8px 15px;
        border-width: 1px;
        text-transform: uppercase;
        display: inline-block;
    }
    .footer-like{
      background:var(--bg-grn);
      padding:6px;
      text-align:center;
    }
    .footer-like p{
      margin:0;
      padding:4px;
      color:var(--white);
      font-family: 'Source Sans Pro', sans-serif;
      letter-spacing:1px;
    }
    .footer-like p a{
      text-decoration:none;
      color:var(--white);
      font-weight:600;
    }
    
    @media (min-width:360px){
      h1{
        font-size:4.5em;
      }
      .go-home{
        margin:20px 0px;
      }
    }
    
    @media (min-width:600px){
        .content {
        max-width: 1000px;
        margin: 40px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
      .wrapper-1{
      height: initial;
      max-width:620px;
      margin:0 auto;
      margin-top:50px;
      box-shadow: 2px 2px 10px 0px rgba(88, 146, 255, 0.2);
       /*box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2); */
    }
      
    }