main {
    min-height: auto;
}
h1 {
    margin-top: var(--content-padding);
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: var(--content-padding);
}

time, .location {
    display: block;
    padding-bottom: var(--content-padding);
    font-size: 1.8rem;
}
img {
    width: 100%;
    box-sizing: border-box;
}
#event {
    max-width: var(--main-max);
    margin: 0 auto 2rem auto;
}
header p, footer p {
    margin: 0 auto 0 auto;
    max-width: var(--main-max);
    padding: 0 var(--content-padding);
}
.border-button {
    display: inline-block;
    background: linear-gradient(#fff200, #ffb81c);
    width: 100%;
    margin: var(--content-padding) 0;
    font-size: 2rem;
    padding: calc(var(--content-padding));
    box-sizing: border-box;
    text-decoration: none;
    color: #444;
    text-align: center;
    transition: transform 0.2s;
}
.border-button-website {
    background: linear-gradient(35deg, #e96da9 70%, #fff200);
}
.border-button-calendar {
    background: linear-gradient(#73cef5, #5850a2);
}
.buttons .border-button:first-child {
    margin-top: 0;
}
.border-button + .border-button {
    margin-top: 0;
}
.border-button:hover {
    transform: scale(1.02, 1.02);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.border-button span {
    background-color: #FFF;
    display: block;
    padding: calc(var(--content-padding) / 2) 0;
}
@media (min-width: 768px) {
    main {
        padding-top: 0;
    }
}
.event-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--content-padding) * 2);
    margin-top: var(--content-padding);
}
#event > * {
    padding: 0 var(--content-padding);
}


.share-block {
    background: #EEE;
    padding: var(--content-padding);
    margin-bottom: var(--content-padding);
}
.share-text {
    font-weight: bold;    
    padding-bottom: var(--content-padding);
}

.share-text,
.share-link {
    font-size: 1.2rem;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.share-link {
    padding: var(--content-padding);
    background: #FFF;
    word-wrap: break-word;
    text-align:  center;
}

@media (max-width: 767px) {
    h1 {
        font-size: 1.8rem;
    }
    time, .location {
        font-size: 1.3rem;
    }
    .border-button {
        font-size: 1.4rem;
    }
    .event-content {
      display: block;
    }
    .event-content > * {
         margin-top: var(--content-padding);
    }
}