.heroImage .heroBackground {
    height: 600px!important;
}

.heroContent {
    padding: 0 5%!important;
    text-align: center!important;
	height:600px!important;
}

@media (min-width:992px){
	.heroContent {
		padding: 0!important;
		text-align: left!important;
	}
}

.heroContent h1 {
    font-size: 1.7rem!important;
}

@media (min-width:576px){
	.heroContent h1 {
    	font-size: 2rem!important;
	}
}

@media (min-width:768px){
	.heroContent h1 {
    	font-size: 2.5rem!important;
	}
}

.heroContent .buttonReview {
    flex-flow: row wrap!important;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
}

@media (min-width: 493px){
	.heroContent .buttonReview {
		justify-content: space-between!important;
	}
}

@media (min-width: 992px){
	.heroContent .buttonReview {
		flex-flow: column wrap!important;
		align-content:flex-end!important;
		align-items: flex-end!important;
	}
}

.heroContent .buttonReview .Button{
	font-size:1rem!important;
}

@media (min-width:576px){
	.heroContent .buttonReview .Button{
		font-size: 1.333333rem!important;
	}
}

.heroContent .buttonReview  .kaddi {
    margin-top: 20px;
	width:120px!important;
}

@media (min-width: 493px){
	.heroContent .buttonReview  .kaddi {
    	width:150px!important;
	}
}

.introContent .image {
	display:none;
}

@media (min-width: 768px){
	.introContent .image {
		display: flex;
		align-items: center;
		padding-top: 0;
	}
}

.introContent {
    padding: 5%!important;
}

@media (min-width:768px){
	.introContent {
		padding: 5% 0!important;
	}
}

.introContent .introImage {
    height: 350px!important;
}

@media (min-width:768px){
	.introContent .introImage {
		height: 500px!important;
	}
}

.accordionSection {
	padding: 5%!important;
}
	
@media (min-width:576px){
	.accordionSection {
		padding: 3% 0 5%!important;
	}
}

.accordionSection .Orange.Button {
    margin-top: 5% !important;
}

.accommodation {
    padding: 5%!important;
}

@media (min-width:576px){
	.accommodation{
		padding: 5% 0!important;
	}
}

img.HeroCarousel-slideImg {
    object-fit: cover!important;
}

.why {
    padding: 5%!important;
}

@media (min-width:576px){
	.why {
		padding: 5% 0!important;
	}
}

.why .iconsText li {
    flex-basis: calc(100% / 1)!important;
    width: calc(100% / 1)!important;
    flex-flow: row wrap!important;
    text-align: left!important;
}

@media (min-width:768px){
	.why .iconsText li {
		flex-basis: calc(100% / 3.5)!important;
		width: calc(100% / 3.5)!important;
		flex-flow: column!important;
		text-align: center!important;
	}
}

.why .iconsText .icon {
    width: 80px!important;
	padding: 0!important;
}

@media (min-width:768px){
	.why .iconsText .icon {
		width: 150px!important;
		padding-bottom: 5%!important;
	}
}

.why .iconsText h3 {
    padding-left: 3%!important;
}

@media (min-width:768px){
	.why .iconsText h3 {
		padding-left: 0!important;
	}
}

.iconsText p {
    margin-top: 3%;
}

@media (min-width:768px){
	.iconsText p {
		margin-top: 0;
	}
}

.quote {
    padding: 5%!important;
}

@media (min-width:768px){
	.quote {
		padding: 5% 0!important;
	}
}

.quote .quoteBlock .quoteTrip {
    margin-top: 5%;
}

@media (min-width:768px){
	.quote .quoteBlock .quoteTrip {
		margin-top: 0;
	}
}

.quote .quoteImage {
    height: 120px!important;
}

@media (min-width:992px){
	.quote .quoteImage {
		height: 200px!important;
	}
}

.quote .quoteBlock .quoteButton .Orange.Button{
	padding: 0.7rem 0.5rem!important;
    font-size: 1rem!important;
    margin-top: 0;
}

@media (min-width:1200px){
	.quote .quoteBlock .quoteButton .Orange.Button{
		padding: 0.7rem 1rem!important;
		font-size: 1.333333rem!important;
		margin-top: 1.5%!important;
	}
}

@media (max-width: 1220px) {
          .sta, #sta {
            display: none !important;
          }
        }