body {
    color: #ffffff;
    background: #413;
    font-size: 90%;
    margin: 0px;
    text-align: center;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: brown;
}

.header {
    background-image: url("bg-header3.png");
    padding: 0px 0px 0px 0px;
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100px;
    top: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: center;
}

.nav {
    font-family: QuicksandBook, Helvetica, Arial, sans-serif;
    padding: 20px 20px 90px 20px;
    font-size: larger;
    object-fit: contain;
}

.logo-words {
    padding: 10px;
    margin-bottom: 0px;
    height: auto;
    width: 350px;
}

.wrapper {
    margin: 10px;
    display: grid;
    grid-template-columns: repeat (auto-fit, minmax(240px 1fr));
    object-fit: cover;
    padding: 30px;
}

.logo {
    width: 50%;
    max-width: 500px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 90px;
}

.logo {

    animation: flipInY;
    animation-duration: 4s;
}

.disabled {
    pointer-events: none;
}

h1,
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}



.certifications {
    border-top: 1px solid #807c72;
    padding: 30px;
    margin: 20px;
}

.certifications p {
    border-bottom: 1px solid #fff;
    padding: 5px 0px 15px 0px;
    font-size: 80%;
}

.footer {
    clear: both;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 5px 10px;
}

.footer p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-align: center;

}

.footer a {
    color: white;
}

.footer a:hover {
    color: brown;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 768px) {

    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }
}

/*Contact page: */

.codes {
    text-align: left;
}

.list {
    font-size: x-large;
    text-align: left;
}


/*About page: */

.contact {
    font-size: x-large;
}