body {
	margin: 0px;
}

a {
	color: #e2da49;
	font-family: "dogma-bold";
	font-weight: 700;
	font-size: 60px;
	font-style: normal;
	text-decoration: none;
	margin-left: 90%;
	line-height: 175px;
	position: absolute;
	margin-top: -100px;
}

a:hover {
	color: #ed6c27;
}


.first {
	background-color: white;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-repeat: none;
	position: relative;
}

.title {
	font-family: "gooddog-new";
	color: #46c0c9;
	text-align: center;
	font-size: 65px;
	margin-top: 100px;
	margin-bottom: 30px;
	position: relative;
}

.cats {
	color: #ed6c27;
	font-family: "plume-advertising";
	text-align: center;
	margin-left: -50%;
	font-size: 45px;
	margin-top: 35px;
	margin-bottom: -33px;
	position: relative;
}

.plus {
	font-family: "plume-advertising";
	color: #46c0c9;
	font-size: 45px;
	margin-left: 47%;
	margin-top: -65px;

}

.toast {
	color: #ed6c27;
	font-family: "plume-advertising";
	text-align: center;
	font-size: 45px;
	margin-top: -88px;
	margin-left: 50%;
	position: relative;
}

.so {
	font-family: "gooddog-new";
	color: #e2da49;
	text-align: center;
	font-size: 40px;
	line-height: 47px;
	position: relative;
	margin-top: 70px;

}


@media (max-width: 1050px) {
	.title { 
	font-size: 50px;
	margin-bottom: 20px;
	}
	.cats {
		font-size: 35px;
	}
	.toast {
		font-size: 35px;
		margin-top: -66px;
	}
	.so {
		font-size: 35px;
		line-height: 40px;
		margin-top: 50px;
	}
	.plus {
		font-size: 40px;
		margin-top: -55px;
	}
	a {
		margin-left: 85%;
		font-size: 50px;
	}

}

@media (max-width: 850px) {
	.toast {
		margin-top: 20px;
		font-size: 30px;
		margin-left: 0%;
	}
	.cats {
		font-size: 30px;
		margin-left: 0%;
		margin-top: 20px;
		margin-bottom: -40px;
	}
	.so {
		font-size: 21px;
		line-height: 30px;
	}
	.plus {
		margin-top: 50px;
	}
}