* {
    box-sizing:border-box;
}
html, body {
    margin-top:0 !important;
    padding-top:0 !important;
 }
body {
    background-color:#f9f9f9;
    font-family:Manrope, sans-serif;
    font-optical-sizing: auto;
    font-style:normal;
}
.wrapper {
    margin-left:auto;
    margin-right:auto;
    max-width:1600px;
    
    background-color: pink;
}
.innerwrapper {
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
header {
    background-size:cover;
    height:75vh;
    width:100%;
}
.header-overlay {
    background:rgba(255, 255, 255, 0.7);
    height:100%;
    width:100%;
}
.hero-content {
    display:flex;
    flex-direction:column;
    height:70%;
    justify-content:center;
    margin:0 auto;
    padding-top:15%;
    width:70%;
}
.hero-content > h1 {
    margin:0 auto;
}
.main-logo {
    width:400px;
}
.hero-content > span > p {
    color:#5f5353;
    font-size:1.5rem;
    font-weight:600;
    padding:1.5rem 0;
    text-align:center;
}
.hero-content > div:nth-child(3) {
    margin:0 auto;
    padding:1.7rem 0;
}
.hero-content > div:nth-child(3) > a {
    padding:0 1.5rem;
}
/**Hero Buttons**/
.hero-button {
    align-items:center;
    background-clip:padding-box;
    background-color:#5f5353;
    border-radius:0.5rem;
    box-shadow:rgba(0, 0, 0, 0.2) 0 1px 3px 0;
    box-sizing:border-box;
    color:#fff;
    cursor:pointer;
    display:inline-flex;
    font-size:1.2rem;
    font-weight:600;
    justify-content:center;
    line-height:1.5rem;
    margin:0;
    min-height:3rem;
    padding:calc(0.2rem - 1px) calc(1.5rem - 1px);
    position:relative;
    text-decoration:none;
    transition:all 250ms;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
    vertical-align:baseline;
    width:auto;
}
.hero-button:hover,
.hero-button:focus {
    background-color:#ed1c24;
    box-shadow:rgba(0, 0, 0, 0.5) 0 4px 12px;
}
.hero-button:active {
    background-color:#5f5353;
    box-shadow:rgba(0, 0, 0, .06) 0 2px 4px;
    transform:translateY(0);
}

footer {
    /**padding:0 2rem;**/
    width:100%;
}
footer > div {
    border-bottom:1px solid #303030;
    border-top:1px solid #303030;
    display:flex;
    justify-content:center;   
}
footer > div > div {
    padding:1rem 0;
    width:33%;
}
footer > p {
    font-size:0.7rem;
    padding:0.7rem 0;
    text-align:center;
}