/* adding css */

body, html {
    font-family: 'Maven Pro', sans-serif;
    background: linear-gradient(180deg, rgba(11,9,62,1) 0%, rgba(0,0,103,1) 100%);
    align-items: center;
    justify-content: center;
}

h1, h2, h3, h4, h5, p, hr {
    font-family: 'Maven Pro', sans-serif;
    justify-content: center;
    padding: 0px;
    color: white;
    font-weight: 400;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

.site_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 100%;
    height: 100%;
}

.site_header img {
    max-width: 120%;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* remove bullet points from nav bar */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(0,0,0);
    opacity: .8;
}

.container {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    /* padding: 0px 0px; */
    /* margin: 0px 0px; */
    /* width: 100%; */
    /* height: 100%; */
}

.container img {
    max-width: 106%;
    /* align-items: center; */
    /* text-align: center; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* padding: 0px; */
}

.schedule {
    padding: 0px 40px;
}

.schedule img {
    max-width: 90%;
    padding: 0px;
    margin: 0px;
}

.daily_activities, .general_info, h1, h2, h3, h4, h5, p, hr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 10px ;
    margin: 0px 0px;
    width: 100%;
    height: 100%;
    color: rgb(0,180,255);
}

td, th, tr {
    font-size: 0.7rem;
    padding-right: 10px;
    color: white;
}

.schedule .col {
    /* display: flex; */
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    width: 100%;
    height: 100%;
}

.general_info div {
    padding: 0px 0px;
    color: white;
}

@media screen and (min-width:768px) {
    body, html {
        padding: 10px 20px; 
    }

    .container img {
        max-width: 95%;
        padding-bottom: 20px;
    }
    
    .schedule img {
        max-width: 90%;
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }
    
    .daily_activities, .general_info, h1, h2, h3, h4, h5 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px 30px ;
        margin: 0px 0px;
        width: 100%;
        height: 100%;
        font-size: 2.6rem;
        color: rgb(0,180,255);
    }
    
    .schedule {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px 30px ;
        margin: 0px 0px;
        width: 100%;
        height: 100%;
        font-size: 2.6rem;
        color: rgb(0,180,255);
    }

    .schedule .row {
        /* padding-top: 15px; */
        padding: 15px 50px 0 50px;
    }

    th, tr {
        font-size: 1.6rem;
        padding: 10px 10px 10px 0;
        color: white;
    }

    td {
        font-size: 1.5rem;
        padding-right: 10px;
        color: white;
    }

    .general_info div {
        padding: 0px 0px;
        color: white;
        font-size: 2rem;
    }
}

.footer {
    text-align: center;
    padding-bottom: 20px;
}

.copyright {
    font-size: 7pt;
    color: white;
    opacity: .8;
  }