@charset "utf-8";
/* CSS Document */
body {
  margin-top: 1.5vh;
  padding: 0;
  font-size: 1em;
  color: #0083c4;
}
.container #submissions {
  max-width: 640px;
  padding-left: 1.25em;
  font-size: 1.25em;
  text-align: left;
}
.container {
  display: flex;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  font-family: "Museo 300", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}
.container div {
  padding: 2px;
  text-align: center;
  background-color: #ffffff;
}

@media (max-width: 712px){
    .container{
        display: grid;
        grid-template-areas: "logo" "submissions";
        grid-template-columns: 1fr;
    }
    .container .logo img{
        max-width: 100%;
        height: auto;
    }
    .container div.logo{
        grid-areas: logo;
        text-align: center;
    }
    .container .logo a{
        position: relative;
        left: 1%;
        color: #029ab9;
        text-decoration: none;
    }
    img{
        max-width: 100%;
        height: auto;
    }
}