@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url(footer.css);
@import url(header.css);
@import url(buttons.css);
@import url(textTypes.css);

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

body {
    background-color: #e5e5e5;
    margin: 0 auto;
    max-width: 1440px;
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-size: 16px;
}

main {
    background-color: #ffffff;
    max-width: 1440px;
    width: 100%;
    padding-bottom: 271px;
    position: relative;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.menu__links {
    list-style-type: none;
}


/* RWD: */
img {
    width: 100%;
    height: auto;
    display: block;
}

.grid {
    display: grid;
}

.flex {
    display: flex;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}

.flex5 {
    flex: 5;
}

.flex6 {
    flex: 6;
}


/* MEDIA QUERIES TABLET */
@media screen and (max-width: 768px) {
    main {
        max-width: 768px;
        padding-bottom: 210px;
    }
}

/* MEDIA QUERIES MOBILE */
@media screen and (max-width: 360px) {
    main {
        max-width: 360px;
        padding-bottom: 126px;
    }
}