html, body{
	background-color: var(--color-pink);
	color: var(--red);
}

.header{
	background-color: var(--color-pink);
}

main{
	margin-top: 15rem;
	padding-bottom: 1rem;
}

h1{
  color: var(--color-red);
  margin-left: 1%;
  font-size: 2rem;
}

h2{
	color: var(--color-darkred);
	font-family: var(--font-zaft);
	text-transform: uppercase;
	font-size: 14vw;
	line-height: .8;
	margin-left: 1rem;
	margin-bottom: 5rem;
}

h3{
	color:  var(--color-red);
	line-height: 1.6;
}

h3 p{
	margin-bottom: 1em;
}


.header a{
	color: var(--color-darkred);
}

section img{
	width: 84%;
}

.services{
	font-size: .8em;
}

h4{
	color: var(--color-red);
}

h4 a{
	color: var(--color-darkred);
}


main a{
	
	transition-duration: .5s;
}

main a:hover{
	transition-duration: .2s;
	padding-left: 5px;
	padding-right: 5px;
}


@media only screen and (max-width: 800px) {

	h1{
		font-size: 1.5rem;
	}

section,
h2{
  margin-bottom: 3rem;
}

h2{
	margin-left: 0;
}
	

	a:hover{
	
	
	padding-left: 0;
	padding-right: 0;
}

	}