/*==================================
	#1 - imagebox
==================================*/

.image-box {
    margin: 20px 10% 40px 10%;
    padding: 0 5px;
    text-align: center;
}

	.image-box-image-wrapper {

	}

  .cta-background-color-height {
    background: #93b34e;
    height: auto;
    padding: 85px 0;
  }

    .cta-background-color-image-title {
        color: #fff;
        margin-bottom: 25px;
        font-size: 40px;
        margin-top: 10px;
    }

	.cta-background-color-image-title-text-content,
	.cta-background-color-image-title-text-content p {
    font-size: 22px;
    font-weight: 300;
	}



	.cta-background-color-link {
		display: inline-block;
		padding: 15px 30px;
		font-weight: 600;
		background-color: #C80039;
		color: #fff;
		transition: 200ms ease-in-out;
		-webkit-transition: 200ms ease-in-out;
		-moz-transition: 200ms ease-in-out;
	}

	.cta-background-link:hover, .cta-background-link:focus {
		background-color: #000000;
		color: #ffffff;
	}

.cta-background-color-text-wrapper {
    text-align: center;
    width: 75%;
    color: #fff;
	margin: auto;
  }

  .cta-background-color-text-box {
    margin: 0 0 40px 0;
  }


.cta-background-color-text-wrapper .site-button2 {
  display: inline-block;
}



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

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

@media (max-width: 768px) {

  .cta-background-text-wrapper {
      width: 100%;
  }

  .cta-background-image-title {
      font-size: 42px;
  }

  .cta-background-image {

  }

  .cta-background-color-height {
      padding: 75px 0;
  }

}


@media (max-width: 767px) {

  .cta-background-text-box {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 35px;
  }
}

@media (max-width: 425px) {

  .cta-background-image-title {
      font-size: 36px;
  }

  .cta-background-image-title-text-content {
      font-size: 19px;
  }

  .cta-background-color-height {
      padding: 50px 0;
  }

  .cta-background-color-image-title {
      margin-bottom: 15px;
      font-size: 30px;
  }

  .cta-background-color-image-title-text-content p {
      font-size: 20px;
  }

  .cta-background-color-text-box {
      margin: 0 0 30px 0;
  }

}


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