body {
    margin: 0;
}

body > * {
    width: 100%;
    display: flex;
}

.top {
    background-color: gray;
    height: 30px;
}

.nav-wrapper {
    height: 100px;
    justify-content: center;
    background-color: white;
}

.navbar {
    display: flex;
    width: 80%;
}

.nav-logo {
    display: flex;
    flex: 3;
}

.nav-buttons {
    flex: 7;
    background-color: yellow;
}

.main {
    flex-direction: column;
    align-items: center;
    background-color:  rgb(194, 191, 191);
}

.main-info {
    height: 300px;
    width: 90%;
    display: flex;
    flex-direction: column;
    background-color: green;
}

.row {
    display: flex;
    width: 80%;
}

#first-row {
    height: 250px;
}

.news {
    flex: 4;
    background-color: orange;
}

.products {
    flex: 6;
    background-color: blueviolet;
}

.row-wrapper {
    height: 200px;
    background-color: rgb(127, 117, 117);
    justify-content: center;
}

.newsletter {
    flex: 4;
    background-color: brown;
}

.whyus {
    flex: 2;
    background-color: coral;
}

.followus {
    flex: 2;
    background-color: rgb(41, 114, 17);
}


.address {
    flex: 2;
    background-color: rgb(80, 191, 255);
}


.footer {
    height: 200px;
    background-color: black;
}

.block-1-2 {
    display: flex;
    flex: 1;
}


#first {
 background-color:  blue;
}

#second {
    background-color: red;
}

#a {
    background-color: blue;
}
#c {
    background-color: blue;
}
#b {
    background-color: red;
}