html, body{
	background-color: var(--color-blue);
	color: var(--color-grey);
}

.header{
	background-color: var(--color-blue);

}

main{
	margin-top: 15rem;
	font-size: 2rem;
	padding-bottom: 2rem;
}

  

p{
	margin-bottom: 1rem;
}

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

h3{
	font-size: 1rem;
	line-height: 1.6;

}



.menu a,
.header a{
	color:  var(--color-red);
}

.services{
  display: flex;
}

.service{
	margin-left: 20px;
}

h4{
  text-decoration: underline;
  margin-bottom: 1em;
}

.service{
  /*width: 20%;*/
  padding-right: 2%;
  font-size: 1rem; 
  margin-bottom: 5rem;
}

.service p{
  margin-bottom: 0.1rem;
}

li{
	list-style: disc;
}

    ul {
      margin: 0;
      
    }
    td li {
      list-style-type: disc;
    }






main a{
	color: var(--color-red);
	transition-duration: .5s;
}

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




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

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


	h1{
		font-size: 1.5rem;
	}

	h2{
		font-size: 14vw;
	}

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

.services{
	display: inline-block;
}

	.service{
		width: 100%;
		margin: 0 0 1rem 0;

	}

	}