/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* MAIN */

/*_________________________ links _________________________*/
#projects-link, #customers-link, #contact-link{
  padding-top: 70px;
  margin-top: -70px;
  padding-bottom: 60px;
}

/*_________________________ intro _________________________*/

.intro {
  padding-top: 180px;
  padding-bottom: 150px;
	background-color: var(--color-primary);
  color: white;
}

@media only screen and (max-width: 540px){
  .intro {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}

.intro h1 {
  line-height: 1.5;
  padding-bottom: 40px;
  font-size: 3.2rem;
  font-weight: 300;
}

@media only screen and (max-width: 960px) {
  .intro h1 {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 540px){
  .intro h1 {
    font-size: 2rem;
  }
}

.intro p {
  max-width: 580px;
  line-height: 1.8;
  font-size: 1.2rem;
  font-weight: 300;
}

/*_________________________ projects _________________________*/

.projects img {
  margin-bottom: 5px;
}

/*_________________________ customers _________________________*/

.customers {
	background-color: var(--color-mediumbright);
}


/*_________________________ offer _________________________*/

.temp-offer li {
  padding: 0 10px;
  border-right: solid var(--color-dark) 1px;
}

/*_________________________ call-to-action _________________________*/




















/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */