* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.contacts-ul {
    list-style: none;
    margin: 0;
}

.date {
    border: 1px solid black;
}

.flex-container {
    width: 100%;
    background-color: whitesmoke;
    display: flex;
}

.flex-item1 {
    margin: 30px 30px;
    flex-basis: 640px;
    flex-shrink: 3;
}

.flex-item2 {
    margin: 30px 30px;
    flex-basis: 1280px;
    flex-shrink: 1;
}

header > .flex-item1 {
    align-self: center;
}

a {
    text-decoration: none;
}

h2, h3 {
    margin: 15px 0;
}

li {
    padding: 4px 0;
}

p {
    margin: 5px 0;
}

ul {
    margin: 10px 0 10px 15px;
}

body > div {
    margin: 0 auto;
    background-color: whitesmoke;
    max-width: 1920px;
}

header img {
    max-width: 9em;
    border-radius: 100px;
}

/* main nav {
    margin-left: 15px;
} */

section {
    margin: 20px 0;
}

section > span {
    display: inline-block;
    margin: 4px 0;
}

footer img {
    width: 100px;
}

footer > div {
    width: fit-content;
    margin: 0 auto;
}

ul {
    text-decoration: none;
}

@media screen and (min-width: 1919px ) {
    .flex-item1 {
        text-align: center;
    }
}

@media screen and (max-width: 470px) {
    .flex-container {
        flex-wrap: wrap;
    }
    
    .flex-item1 {
        text-align: center;
    }
}