body {
    display: flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:0px;
    /*background-image: url("Ozmuralbg.jpg");*/
    background-color:dimgray;
}

.banner {
    width:100%;
    border-top:10px solid black;
    border-bottom:10px solid black;
    box-shadow: 0 0 10px black;
}

#smallbanner{
    display:none;
}

.infobox {
    display: flex;
    flex-direction:column;
    align-items:center;
    width:400px;
    
    margin-top:50px;
    padding:20px;
    background-color:rgba(150,150,150,0.5);
}

.endbox{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:50px;
}
    
.progresspic {
    width:400px;
    border:5px solid black;
    box-shadow: inset 0 0 10px black;
}

.endpic {
    margin:10px;
}

p {
    font-family: 'Amatic SC', ariel;
    font-size:30px;
}

a {
    color:lightgray;
    text-decoration:none
}

@media screen and (max-width:800px) {
    
    #smallbanner {
        display:flex;
    }
    #largebanner {
        display:none;
    }
    
    .infobox{
        width: 80%;
    }
    
    .progresspic {
        width:90%;
    } 
    
    p {
        font-size: 25px;
    }
}