@font-face {font-family: BM;src: url(font/Baloo2-SemiBold.otf);font-weight: bold;}
@font-face {font-family: BM;src: url(font/Baloo2-Bold.otf);font-weight: bolder;}
@font-face {font-family: BM;src: url(font/Baloo2-Regular.otf);}
body {margin: 0; text-align: center; font-family: BM; background-color: #bea8e9;}
html {background-color: #bea8e9;}
a {cursor: url('img/cm.cur'), pointer;}
a:active {cursor: url('img/cm2.cur'), pointer;}
header {width: 100%;  background-color: transparent; padding: 0 ; text-align: center; }
header img {width: 100%; display: block;}
.Banner {display: inline-block; margin: -50px auto 5px auto; background-color: #e1b9be; border: 3px solid #aa9cfe; border-radius: 20px; padding: 10px 50px;}
.Banner h6 {font-size:30px; color: #ffffff;font-weight: bold;margin-block-start: 0.5em;margin-block-end: 0em;}
.Banner p {font-size: 15px; color: #ffffff;margin-block-start: 0em;margin-block-end: 0.5em;}

.desc {width: 100%; display:inline-block; margin-top:30px; text-align:center;}
.desc a {font-size: 20px; font-weight:bold; display: inline-block; background-color: #aa9cfe; color: #ffffff; cursor: pointer; border: 2px solid #e1b9be; margin: 10px; vertical-align: middle; padding: 10px 16px; border-radius:12px; text-decoration: none;}

.video {display: inline-block; text-align: center; width: 100%; margin: 50px auto;}
.video iframe {display: block; text-align: center; width: 780px; height: 437px; margin: 20px auto;overflow: hidden;border-radius: 20px;}

.Beforeeday {width:100%; display: block; margin: 50px auto 100px auto;}
.Beforeeday h4 {font-size:40px; font-weight: bold; text-align: center; width: 100%; color: #ffffff;margin-block-start: 0em;margin-block-end: 0em;}
.Beforeeday p {font-size:20px; text-align: center; width: 100%; color: #ffffff;margin-block-start: 0em;margin-block-end: 0em; margin-bottom:60px;}
.Event {display: block; margin: 30px auto; background-color: #aa9cfe; width: 700px; border-radius: 20px; padding: 20px; position: relative;border: 3px solid #e1b9be;}
.Event span {font-size:25px; padding:20px 10px; background-color: #e1b9be; border-radius: 50%; position: absolute; left: -20px; border: 3px solid #aa9cfe;}
.Event a {font-size: 15px; font-weight:bold; display: inline-block; background-color: #aa9cfe; color: #ffffff; cursor: pointer; border: 2px solid #e1b9be; margin: 10px; vertical-align: middle; padding: 5px 10px; border-radius:12px; text-decoration: none;}
.Event h6 {display: inline-block; width: 100%; font-size: 18px; font-weight: normal; color: #ffffff;margin-block-start: 0em; margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}

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

    .Banner {display: inline-block; margin: -15px auto 5px auto; background-color: #e1b9be; border-radius: 20px; padding: 10px 30px;}
    .Banner h6 {font-size:20px; color: #ffffff;font-weight: bold;margin-block-start: 0.5em;margin-block-end: 0em;}
    .Banner p {font-size: 12px; color: #ffffff;margin-block-start: 0em;margin-block-end: 0.5em;}
    .video iframe {display: block; text-align: center; width: 280px; height: 188px; margin: 20px auto;}
    .Event {display: block; padding: 20px 2%; margin: 30px auto; background-color: #aa9cfe; width: 90%; border-radius: 20px; position: relative;border: 3px solid #e1b9be;}
    .Event span {font-size:15px; padding:15px 10px; position: relative;left: auto; display: inline-block; top: -30px;}
    .Event h6 {font-size:16px;}
    .desc a {font-size: 13px; padding:5px 10px;}
    .video {margin: 20px auto;}

}