* {
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	margin: 0;
	min-height: 100%;
    font-family: brandon-grotesque, sans-serif;
	font-weight: 400;
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700 !important;
}
a:link, a:visited {
	color: inherit;
}

.main-logo {
    max-width: 500px;
    width: 100%;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.green-peel {
    color: #fff;
    transform: rotate(330deg);
    max-width: 500px;
    left: -160px;
    height: 200px;
    top: -70px;
    overflow: hidden;
}

.pre-green {
    background-color: rgb(1 150 64);
}

.green-text {
    color: rgb(1 150 64);
}

.font-large h1 {
    font-size: 52px;
}

.blue-border {
    border: solid 4px var(--myblue);
}

.font-large p {
    font-size: 42px;
    line-height: 42px;
}

.blue-box {
    color: #fff;
    background-color: var(--myblue);
    max-height: 200px;
    height: 100%;
}

.no-td a {
    text-decoration: none;
}

.white-text {
    color: #fff;
}

/* Variables */

:root {
	--myred: #DA0812;
    --myblue: #292f74;
    --mygreen: rgb(1 150 64);
}
.myred {
	color: var(--myred);
}
.myblue {
    color: var(--myblue);
}
.mygreen {
    color: var(--mygreen);
}

/* Responsive */

@media screen and (max-width: 640px) {
	/* Rules here */
    .green-peel {
        left: -199px;
        height: 200px;
        top: -123px;
    }
    .font-large h1 {
        font-size: 28px;
    }
    .footer-p {
        font-size: 20px !important;
        line-height: normal !important;
    }
    .blue-border p {
        font-size: 26px;
        line-height: normal !important;
    }
    .blue-box {
        max-height: 150px;
    }
}