img.top.intro {
    max-width: 90%;
    max-height: none;
    top: -60%;
    height: auto;
	  object-fit: contain;
  width: 100%;
  
}
img.top {
    height: 104% !important;
	object-fit: cover;
	width: 100%;
  
}

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

	.mob-box {
		margin: 0;
		max-height: none;
		max-width: none;
	}
	.title {
		padding: 6vh 8% 0;
	}
	.sub-title {
		padding: 1.5vh 8% 3vh;
	}
	.title-img {
		padding: 15vh 0 0;
	}
 
}
@media only screen and (max-height: 570px) {


	.title-img {
		padding: 5vh 0 0;
	}
 
}

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

  /* section {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 20px 20px 50px;
    overflow: hidden;
  }

    section h3 {
      grid-column: 1 / 6;
      font-size: 24px;
      letter-spacing: 0;
      margin: -4px 0 5px;
      line-height: 1;
    }
    section h4 {
      grid-column: 1 / 6;
      margin: 20px 0 0;
      line-height: 1;
    }
    section p {
      grid-column: 1 / 6;
       font-size: 13px;
      line-height: 22px;
      letter-spacing: 0.3px;
      margin: 0 0 20px;
    }

    .mobile {
      display: inline-block !important;
    }
    .desktop {
      display: none !important;
    }

    footer {
      min-height: 100%;
    } */

}