@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;900&display=swap');

html, body{
    background:#fff;
    width:100%;
    height: 100%;
    padding:0;
    margin:0;
    font-family:'Raleway';
    font-weight: 400;
    font-size: 100%;
}

.hello{
    width:80%;
    margin:0 auto;
    box-sizing: border-box;
    /*background:olive;*/
    height:100%;
    position:relative;
    display: flex;
  justify-content: center;
  flex-direction: column;
  
font-size: 2rem;
  
}

h1, h2{
    margin:0;
    padding:0;
    font-weight: 900;
    font-size: 9rem;
}

h2{
    font-size: 3rem;
    text-align: center;
}

.inwrap{
    margin-bottom: 40px;
}

.wrap{
    position:relative;
    width:70%;
    margin:0 auto;
    border-radius:10px;
}
.wrap_mob{
    display:none;
}


.afterwrap{
    margin:100px auto;
}

.inner{
    width:70%;
    margin:0 auto;
}

.footer{
    background:#229fff;
    padding:30px 0;
}



@media screen and (max-width: 1080px) {
    .inner {
      width:90%;
    }

    .hello{
        width:100%;
        box-sizing: border-box;
        padding:0 5%;
        background:#229fff;
    }

    h1{
        font-size: 3rem;
    }
    h2{
        font-size: 1.8rem;
    }
    .inwrap{
        width:90%;
        margin: 20px auto;
    }
    .wrap_mob{
        display:block;
    }
    .wrap{
        display:none;
    }
  }