* {
    padding: 0;
    margin: 0;
}

body {
    display: flex;
    background-color: #302f2f;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: #333;

}

.container {
    display: block;
    width: 100%;
    background-color: #302f2f;
}

.text1 {
    color: #e3bb1c;
    margin: 1rem;
}

.btn-ad {
    width: 30%;
    background-color: #0a6828;
}

.btn-ad2 {
    width: 30%;
    background-color: #165697;
}

.btn-ad3 {
    width: 30%;
    background-color: #a91546;
}

.textbtn {
    color: #e3bb1c;
    font-size: 1.5rem;
}

.navbar {
    display: flex;
    color: aliceblue;
    background-color: #302f2f;
    justify-content: center;
    width: 100%;
    position: fixed;
    bottom: 0;
}

.navb1 {
    justify-content: start;
}

.navb1 img {
    width: 50%;
}


.navb2 {
    justify-content: center;
}

.navb2 img {
    width: 50%;
}

.navb3 {
    justify-content: end;
}

.navb3 img {
    width: 50%;
}


.lineadmin {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: -2rem;
    justify-content: center;
}

.lineadmin img {
    width: 15rem;

}

.slideimg {
    display: block;
}

.slideimg img {
    width: 100%;
}

.ctbody {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 2rem;
    color: #e3bb1c;
}



.ctbodyin2 {
    display: block;
    width: 20%;
    background-color: rgb(35, 32, 32);
    padding: 1rem;
    margin: 1rem;
    border-radius: 2rem;
    border: #28261d solid;
    border-width: 0.2rem;
}

.ctbodyin2 img {
    width: 50%;
    padding: 0.5rem;
}

.ctbodyin {
    display: flex;
    font-size: 1.5rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ctbodyin img {
    width: 50%;
}

.ctbodyb1 {
    display: flex;
    justify-content: center;
    background-color: #d0ac1a;
}

.ct-body-in-1 {
    display: block;
}

.ctbd1 {
    margin: 1rem;
}

.btn {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.3rem 1.5rem 0.3rem 1.5rem;
    border-radius: 1rem;
    color: aliceblue;
}

.btn-regis {
    border: solid rgb(15, 195, 45);
    background: linear-gradient(127deg, rgba(15, 195, 45, 1) 0%, rgba(85, 194, 136, 1) 48%, rgba(22, 142, 28, 1) 100%);
}

.tbody {
    display: block;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.tbody img {
    width: 20%;
    margin: 1rem;
}

.foot {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
    justify-content: center;
    color: aliceblue;
    font-size: 0.7rem;
}

.footl {
    display: flex;
    justify-content: center;
    width: 40%;
    padding: 0.5rem 0 0 0;
    border-top-right-radius: 5rem;
    border-top: #d0ac1a solid;
    background-color: #302f2f;
    border-width: 0.2rem;
}

.footc {
    display: flex;
    justify-content: center;
    width: 20%;
    height: 2rem;
    bottom: 0;
}



.footr {
    display: flex;
    justify-content: center;
    width: 40%;
    padding: 0.5rem 0 0 0;
    border-top-left-radius: 20rem;
    background-color: #302f2f;
    border-top: #d0ac1a solid;
    border-width: 0.2rem;
}

.footr1 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.footr2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.footl img {
    width: 2.5rem;
}

.footc img {
    width: 30%;
}

.footr img {
    width: 2.5rem;
}

.tbodyfoot {
    display: block;
    color: #e3bb1c;
    justify-content: center;
    width: auto;
    margin-left: 5rem;
    margin-right: 5rem;
    margin-bottom: 10rem;
    font-size: 1rem;

}

.tbodyfoot img {
    width: 80%;
}

@media only screen and (max-width: 1040px) {

    .container {
        width: 100%;
    }

    .lineadmin {
        width: 100%;
        bottom: 0;
    }

    .lineadmin img {
        width: 7rem;

    }

    .navbar {
        display: flex;
        color: aliceblue;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .navb1 {
        display: block;
        width: 50%;
    }

    .navb2 {
        width: 50%;
        margin: 1rem;
    }

    .navb3 {
        display: block;
        width: 50%;
    }

    .navb1 img {
        width: 20%;
    }

    .navb2 img {
        width: 50%;
    }

    .navb3 img {
        width: 20%;
    }

    .ctbody {
        display: block;
        justify-content: center;
    }

    .ctbodyin {
        display: block;
        width: 100%;
    }

    .ctbodyin2 {
        display: block;
        position: fixed;
        right: 2px;
        width: 30%;
    }

    .foot {
        width: 100%;
    }

    .footr1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .footr2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .footc {
        width: 20%;
    }

    .tbody img {
        width: 45%;
        margin: 1rem;
    }
}

@media only screen and (max-width: 840px) {
    .menubar {
        display: block;
    }

    .btn-ad {
        width: 80%;
        margin: 0.5rem;
    }

    .btn-ad2 {
        width: 80%;
        margin: 0.5rem;
    }

    .btn-ad3 {
        width: 80%;
        margin: 0.5rem;
    }

    .container {
        width: 100%;
    }

    .lineadmin {
        width: 100%;
        bottom: 0;
    }

    .lineadmin img {
        width: 5rem;

    }

    .navbar {
        display: flex;
        color: aliceblue;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .navb1 {
        display: block;
        width: 50%;
    }

    .navb2 {
        width: 50%;
        margin: 1rem;
    }

    .navb3 {
        display: block;
        width: 50%;
    }

    .navb1 img {
        width: 20%;
    }

    .navb2 img {
        width: 50%;
    }

    .navb3 img {
        width: 20%;
    }

    .ctbody {
        display: block;
        justify-content: center;
        font-size: 0.7rem;
        margin-top: -1rem;
        margin-bottom: -1.5rem;
    }

    .ct-body-in-1 {
        font-size: 0.8rem;
    }

    .ctbodyin {
        width: 100%;
    }

    .ctbodyin img {
        width: 100%;
    }

    .ctbodyin2 {
        display: block;
        position: fixed;
        right: 2px;
        width: 30%;
        bottom: 15%;
        font-size: 0.5rem;
    }

    .btn {
        font-size: 0.5rem;
    }

    .foot {
        width: 100%;
        font-size: 0.5rem;
    }

    .footr1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .footl img {
        width: 2rem;
    }

    .footr img {
        width: 2rem;
    }

    .footr2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .footc {
        width: 20%;
    }

    .tbody img {
        width: 45%;
        margin: 0.5rem;
    }

    .tbodyfoot {
        font-size: 0.5rem;
        margin-bottom: 5rem;
    }

    .tbodyfoot img {
        width: 100%;
    }
}