body {
    font-family: Trebuchet MS;
    color: rgb(51,61,144);
}

#menu {
    vertical-align: middle;
    text-align: center;
    background-color: rgb(51,61,144);
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
}

#menu a{
    font-size: min(30vw, 18px);
    color: white;
}

a {
    color: black;
}

#header {
    position: relative;
    width: 100%;
    height: 10vh;
    max-height: 100px;
    background: linear-gradient(to right, #ef402f 0%,#ffffff 100%);
    color: rgb(51,61,144);
    font-size: 4vw;
    min-height: 3vh;
}

#footer {
    width: 100%;
    height: auto;
    margin-top: 1%;
    margin-bottom: 1%;
}

#headertxt {
    position: absolute;
    bottom: 0;
    left: 0.5%;
    font-size: min(6vh, 5vw);
    width: 40%;
    white-space: nowrap
}
}

.headerimg {
    object-fit: fill;
}

#teamtable {
    text-align: left;
}

td {
    vertical-align: top;
}

.cmisc {
    margin: 3%
}

.center {
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 666px) {
/* For big screens: */
    
    .container {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas: "cimage ctext"
        width: 100%;
    }
    
    col-left {
        grid-area: cimage;
        width: 30%;
        max-width: 100px
    }

    col-right {
        grid-area: ctext;
        width: 70%;
        padding: 10px
    }
}

@media only screen and (max-width: 666px) {
/* For mobile phones: */
    .container {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: 
            "cimage"
            "ctext";
        width: 100%;
    }
    
    [class*="col-"] {
        width: 100%;
        height: auto;
        }
}

img {
    object-fit: contain;
}

.test {
    position: absolute;
    right: 0;
    top: 5%;
    height: 90%;
    width: 15%;
    min-width: 150px;
    max-width: 300px;
}