*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;  
}

html {
    font-size: 62.5%;
}

body {
    font-family: "Lato", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7;
    color: rgb(43, 39, 36);
    padding: 2rem;
    box-sizing: border-box;  
}
.header {
    position:relative;
    height: 40rem;
    background-color: rgb(184, 195, 183);
    clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
}
.mainHeading {
    position: absolute;
    display:block;
    top: 40%;
    left: 50%;
}
.mainHeading--main {
    display:block;
    transform: translate(-50%, -50%);
    color:rgb(44, 39, 36);
    font-size: 4rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1rem;
}
.mainHeading--sub {
    display:block;
    transform: translate(-50%, -50%);
    padding-top: 2rem;
    color:rgb(75, 68, 63);
    font-size: 2.5rem;
    font-weight: 400;
}
.info {
    height:40rem;
    background-color: rgb(237, 223, 189);
    clip-path: polygon(0 0, 100% 40%, 100% 100%, 0 100%);
    padding: 6rem 2rem;
}