@media only screen and (min-width:600px) {

.event-title {
    font-size: 180%;
    color: #202321;
    font-weight: normal;
    padding: 22px 10px;
    margin: 0 0 60px;
    line-height: 1;
    border-bottom: #CCC 1px solid;
}

.str-outer:not(.of-full) {
    margin: 0;
    padding: 0;
}

.main-page {
    padding-bottom: 80px;
    font-size: 120%;
    background-color: #f7f6f5;
}

.main-page h1 {
    margin: 0;
    border-bottom: none;
}

.main-page h2 {
    text-align: center;
    font-size: 180%;
    font-weight: 600;
    margin: 0 50px;
    padding: 30px 0;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
}

.main-page h3 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 150%;
    border: none;
}

.title-text {
    margin: 50px;
    font-weight: 600;
}

.wrap-content {
    margin: 100px 0;
}

.circle{
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    color: #fff;
    background: #7d7b7b;
    font-size: 110%;
    text-align: center;
    line-height: 2.5;
  }

.main-text {
    margin: 0 50px 60px;
}

.chat-img {
    text-align: center;
}

.chat-img img {
    max-width: 50%;
}

.note {
    margin: 30px;
}
}