/*==================================
	titleAndText
==================================*/

.title-and-text {
    margin: 20px 10% 40px 10%;
    text-align: center;
}


  .main-title-and-text {
    margin-bottom: 40px;
  }

  .main-title-and-text-content p {
      font-size: 18px;
  }




/*==== End of imagebox ====*/

/*==================================
	#2 - Responsiivisuus
==================================*/

@media (max-width: 768px) {
  .title-and-text {
      margin: 20px 5% 40px 5%;
  }

}

@media (max-width: 425px) {

  .main-title-and-text {
      margin-bottom: 30px;
      font-size: 30px;
  }

  .title-and-text {
      margin: 20px 5% 20px 5%;
  }

  .highlightbox-title {
      margin-top: 5px;
  }
}


/*==== End of responsiivisuus ====*/