.wrapper .main-content {

    width: 98%;

    padding: 10px 0px 0px 10px;

    border-radius: 7px;

    float: left;

    margin: 3px 10px 10px 7px;

}

.title {

    text-align: center;

    background-color: #F3D711;

    font-size: 19px;

    font-weight: bold;

    color: #000;

    border-radius: 10px;

    padding: 10px;

    margin-bottom: 10px;

    margin-top: 10px;

    margin-left: -12px;

    margin-right: 4px;

}

.numberopt {

    padding: 10px 0px;

    text-align: center;

    float: left;

    margin: 5px 15px 10px -2px;

    width: 223px;

    border-radius: 10px;

    background-color: #fff;

    color: #000;

    font-family: Antiqua, "book antiqua";

    font-size: 20px;

    font-weight: bold;

}

.wrapper .main-content h2{

    text-align: center;
    color: #fff;

}



.sidebar {

    text-align: center;

    background-color: #1c1a1a;

    padding: 10px;

    border-radius: 10px;

    border: 1px solid #666;

    display: none;

}

marquee{

    border-bottom: 1px solid #fff;

    border-top: 1px solid #fff;

    margin: 0px 10px 10px 10px;

}

/* @media screen and (max-width: 1023px){ 

    .sidebar{display:none}

    .numberopt {

        display: flex;

        justify-content: center;

        align-items: center;

        color: #ff0;

        background-color: #222;

        border: 1px solid #ff0;

        border-radius: 24px;

        padding: 30px 16px;

        width: 45%;

    }

    .numberopt a{

        color: #ff0;

        font-size: 40px;

    }

    .numberopt a:hover{

        color: #ff0;

        font-size: 40px;

    }

    .numbers .number .number-n a {

        color: #ff0;

        font-size: 40px;

    }

    .title {

    text-align: center;

    font-size: 43px;

    font-weight: bold;

    color: #fff;

    border-radius: 0px;

    padding: 26px;

    margin: 19px 17px 21px 0px;

    border: 1px solid #ccc;

    background: none;

    box-shadow: 0px 0px 18px 0px #ccc inset;

}

    .title img {

        width: 36px;

        margin: 5px 29px;

    }

    h2 {

        display: block;

        font-size: 3.5em;

        margin-block-start: 0.83em;

        margin-block-end: 0.83em;

        margin-inline-start: 0px;

        margin-inline-end: 0px;

        font-weight: bold;

    }

    p.text-center.ordering {

        display: block;

        margin-block-start: 1em;

        margin-block-end: 1em;

        margin-inline-start: 0px;

        margin-inline-end: 0px;

        font-size: 2.5em;

    }

   

    .operators-menu img {

    width: 104px;

    margin: 0px 21px 7px 40px;

}

    form select, form input, form button, form textarea, form .btn {

        color: #333;

        font-size: 27px;

        padding: 10px;

        background: #fff;

        border: 1px solid #e9e9e9;

        color: #333333;

        border-radius: 6px;

        width: 45%;

        margin: 5px 26px 8px 10px;

    }

    .wrapper .main-content {

        width: 100%;

        padding: 10px 8px 19px 15px;

        border-radius: 7px;

        float: left;

    }

    .pesan h2 {

        text-align: center;

        color: black;

        font-size: 40px;

    }

    .pesan .number-img img {

        border-radius: 7px;

        width: 231px;

    }

    .number-p a {

        font-size: 66px;

        color: #000;

    }

    .hrg {

        font-size: 35px;

        margin-top: 15px;

        margin-bottom: 39px;

        color: red;

        font-weight: 600;

    }

    strong {

        font-weight: bold;

        font-size: 27px;

    }

    .tombol-whatsapp {

        background: #24CC63;

        padding: 35px;

        display: block;

        color: white;

        margin: 10px auto;

        text-align: center;

        width: 354px;

        border-radius: 7px;

        box-shadow: 0px 3px 8px -2px rgb(78 73 73);

        font-size: 35px;

        margin-top: 37px;

    }

    .tombol-whatsapp:hover{

        background: #24CC63;

        padding: 35px;

        display: block;

        color: white;

        margin: 10px auto;

        text-align: center;

        width: 354px;

        border-radius: 7px;

        box-shadow: 0px 3px 8px -2px rgb(78 73 73);

        font-size: 35px;

        margin-top: 37px;

        box-shadow: none;

    }

    .wrapper.footer{

        width:100%;

        margin: 8px 7px;

    }

   

} */