:root {
	--primary-color: #7fb831
}

body {
	font-family: Arial, sans-serif;
	font-size: 1.25rem;
}

body .top-banner {
    color: #fff;
    background-color: var(--primary-color);
    margin: auto;
    text-align: center;
    width: 70vw;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	padding-bottom: 3vh;
	margin-top: -2vh;
}

body .top-banner-image {
	height: auto;
    width: 15vw;
    padding-top: 12vh;
    padding-bottom: 5vh;
}

body .top-banner-text {
	display: grid;
	line-height: 3em;
}

body .top-banner-upper-text {
	font-weight: 900;
    font-size: 2.5em;
	margin-bottom: 0.5em;
}

body .top-banner-lower-text {
	font-weight: 900;
    font-size: 5em;
	
}

body .top-banner-bottom {
	margin-top: 8vh;
    line-height: 0.5em;
    margin-bottom: 10vh;
}

body .top-banner-bottom p {
	font-size: 1.75em;
}

body .body-text {
	display: grid;
	margin: auto;
    width: 70%;
    padding-top: 5vh;
	justify-content: center;
}

body .body-text p {
	text-align: center;
    line-height: 0em;
    font-size: 2em;
    margin-block-end: 0.25em;
}

body .body-text a {
	text-decoration: none;
	color: #fff;
	font-weight: 100;
	font-size: 1em;
}

body .body-text-button {
	background-color: var(--primary-color);
	width: fit-content;
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 30px;
    font-size: 1.5em;
	margin: auto;
	margin-top: 6vh;
}

body .body-text-button:hover {
	color: var(--primary-color);
	background-color: #fff;
	border: 2px solid var(--primary-color);
}

body .body-bottom {
	width: 80%;
}

@media only screen and (max-width: 1190px) and (min-width: 310px) {
	
	body .top-banner {
		width: 90vw;
	}
	
	body .top-banner-text span:last-of-type {
		margin-top: -1em;
	}
	
	body .top-banner-upper-text {
		font-size: 0.75em;
		margin-bottom: 0;
	}
	
	body .top-banner-lower-text {
		font-size: 2rem;
	}
	
	body .top-banner-image {
		width: 40vw;
	}
	
	body .top-banner-bottom {
		margin-top: 5vh;
	}
	
	
	body .top-banner-bottom p{
		font-size: 0.75rem;
	}
	
	body .body-text p {
		font-size: 0.8em;
		text-wrap: wrap;
		line-height: 1em;
	}
	
	body .body-text-button {
		font-size: 1em;
	}
	
}