/* Reset CSS */

body,img {
    width: 100%;
}

.cont {
    width: 100%;
    /* max-width: 1200px; */
    margin: auto;
}

img {
    display: block;
    margin: auto;
    margin-bottom: -5px;
    max-width: 1440px;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    background: #7489af;
    box-shadow: -10px -3px 20px 0px #00000080;
}

header ul {
    width: 100%;
    display: flex;
    padding: 2em;
    justify-content: center;
}

header ul li {
    padding: 1em;
    text-align: center;
}

header ul li a {
    color: #fff;
    font-family: sans-serif;
}

@media (max-width: 820px) {
    header ul li a {
        font-size: 12px;
    }
}

@media (max-width: 540px) {
    header ul {
        flex-direction: column;
        padding: 0;
    }
    header ul li {
        padding: 15px;
    }
    .cont {
        margin-top: 360px;
    }
}