img{max-width: 100%;
display: block;}
.relative{position: relative;}
.absolute{position: absolute;}
@media screen and ( min-width:800px ){
    body{    background-color: #fff;
    width: 100%;}
.main{width: 800px;
margin: 0 auto;
padding: 20px;}
.header{    padding: 20px;
    margin-bottom:20px;
    border-bottom: 1px solid #f66188;}
.logo{width: 140px;}
h3{    background-color: #f66188;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 23px;}
.button-3 {
   display: flex
;
        justify-content: center;
        align-items: center;
        width: 250px;
        margin: 20px auto;
        padding: .9em 2em;
        border: none;
        border-radius: 5px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
        background-color: #2589d0;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        text-decoration: none;
}

.button-3:hover {
    background-color: #1579c0;
}
.button-4 {
   display: flex
;
        justify-content: center;
        align-items: center;
        width: 250px;
        margin: 20px auto;
        padding: .9em 2em;
        border: none;
        border-radius: 5px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
        background-color: #ff0d56;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        text-decoration: none;
}

.button-4:hover {
    background-color: #ff0d56;
}
.text{text-align: center;}
form{text-align: center;}
.footer{background-color: #ffabab;
padding: 20px;}

.footer a{    color: #333;
    text-decoration: none;
    line-height: 32px;}
    .button.square {
    width: 190px;
    height: 50px;
    margin-bottom: 10px;
}
.button {
    display: flex
;
    background: #759fff;
    box-shadow: 2px 2px #cccbff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.button span {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
}
@media screen and ( max-width:799px ){ 
      body{    background-color: #fff;width: 100%;}
.main{width: 98%;
margin: 0 auto;
}
.header{    padding: 20px;
        margin-bottom:20px;

    border-bottom: 1px solid #f66188;}
    .logo{width: 120px;}
  h3{    background-color: #f66188;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 23px;}
    .button-3 {
   display: flex
;
        justify-content: center;
        align-items: center;
        width: 70%;
        margin: 20px auto;
        padding: .9em 2em;
        border: none;
        border-radius: 5px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
        background-color: #2589d0;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        text-decoration: none;
}

.button-3:hover {
    background-color: #1579c0;
}
.button-4 {
   display: flex
;
        justify-content: center;
        align-items: center;
        width: 70%;
        margin: 20px auto;
        padding: .9em 2em;
        border: none;
        border-radius: 5px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
        background-color: #ff0d56;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        text-decoration: none;
}

.button-4:hover {
    background-color: #ff0d56;
}
.text{text-align: center;}
form{text-align: center;}
.footer{background-color: #ffabab;
    margin-top:20px;
padding: 20px;}

.footer a{    color: #333;
    text-decoration: none;
    line-height: 32px;}
    .button {
    display: flex
;
    background: #759fff;
    box-shadow: 2px 2px #cccbff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.button span {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.menu_button_list.flex {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;
}
  }