* {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 80rem) {
    body {
        display: flex;
    }
    .filler {
        background-color: black;
        height: 100vh;
    }
    #main {
        height: 100vh;
        width: 4440px;
        background-image: url(Flyer_2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: black;
    }
    #message-box {
        opacity: 70%;
        border: 2px;
        border-style: ridge;
        border-color: grey;
        box-shadow: 5px 2px 2px black;
        position: fixed;
        top: 20vh;
        width: 70vw;
        margin-left: 15vw;
        margin-right: 15vw;
        background-color: black;
        padding: 2%;
    }
    #message-title {
        text-align: center;
        color: white;
        font-size: xx-large;
    }
    #message {
        text-align: center;
        color: white;
        font-size: xx-large;
    }
}

@media screen and (max-width: 80rem) {
    .filler {
        visibility: hidden;
    }
    #main {
        height: 100vh;
        background-image: url(Flyer_2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: black;
    }
    #message-box {
        opacity: 70%;
        border: 2px;
        border-style: ridge;
        border-color: grey;
        box-shadow: 5px 2px 2px grey;
        position: fixed;
        top: 25vh;
        left: 30px;
        right: 30px;
        background-color: black;
        padding: 2%;
    }
    p {
        font-size: 200%;
        color: white;
    }
    #message-title {
        text-align: center;
    }
    #message {
	text-align: center;
        padding-right: 15px;
    }
}

#phone{
    color: white;
    text-decoration: underline;
}