/******** Mobile App info page *********/
.new-app-hero {
  min-height: 60em;
}

.new-app-hero h1,
.new-app-hero p {
    color: #fff;
    margin-bottom: 20px;
}

.new-app-hero h1 {
    font-weight: bold;
    text-transform: uppercase;
}

.new-app-hero p {
    font-size: 1.3em;
    line-height: 2;
}

.new-app-hero .hero-text {
  padding: 27vh 2em 0;
}

.new-app-hero .hero-text a{
  margin-right: 15px;
}

.new-app-hero .hero-text img{
  color: #fff;
  max-width: 100%;
  height: auto;
}

.new-app-hero .hero-img {
  padding-top: 5em;
  text-align: right;
}

.new-app-hero .hero-img img {
  width: 76%;
}

.new-app-hero .see-more-btn {
  text-align: center;
}

.new-app-hero, .new-app-get-online, .new-app-preview, .new-app-features, .new-app-msc-info, .new-app-footer {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.new-app-get-online .get-online h1,
.new-app-features .features-title h2 {
  color: #5d5d5d;
  margin: 2em 0;
  text-align: center;
}

.new-app-preview {
  background: #f5f5f5;
}

.new-app-preview .app-preview-img {
  text-align: center;
}

.new-app-preview .app-preview-img img {
  width: 100%;
  max-width: 540px;
}

.new-app-preview .app-preview-text {
  color: #5d5d5d;
  line-height: 2;
  padding-top: 6em;
}

.new-app-preview .app-preview-text p {
  font-size: 1.3em;
}

.new-app-preview .app-preview-text h2.show-on-mobile {
  display: none;
  margin-bottom: 1em;
}

.features-icon {
  text-align: center;
}

.features-icon h2 {
  font-weight: bold;
}

.features-icon img {
  width: 100px;
}

.features-icon.icon-safe-and-secure h2 {
  color: #ce3030;
}

.features-icon.icon-easy-to-use h2 {
  color: #f7ae3c;
}

.features-icon.icon-peace-of-mind h2 {
  color: #3cb24a;
}

.new-app-msc-info {
  margin-top: 6em;
  padding: 0 0 6em; 
}

.new-app-msc-info > img {
  margin-bottom: 6em;
  text-align: center;
  width: 100%;
}

.msc-info-logo {
	padding:0 15px;
}

.msc-info-logo img {
  height:auto;
  max-width: 100%;
}

.new-app-msc-info .msc-info-text {
  color: #5e5e5e;
  font-size: 1.3em;
  line-height: 2;
}

.new-app-msc-info .msc-info-text span {
  font-weight: bold;
  text-transform: uppercase;
}

.new-app-msc-info .msc-info-text span.the-tuckshop {
  color: #3cb24a;
}

.new-app-msc-info .msc-info-text span.school-uniforms {
  color: #c02f2f;
}

.new-app-msc-info .msc-info-text span.fundraising {
  color: #f7ae3c;
}

.new-app-footer {
  color: #fff;
  text-align: center;
  line-height: 2;
  padding: 6em 15px;
}

.new-app-footer p {
  font-size: 1.5em;
}

.new-app-footer h4 {
  text-transform: uppercase;
  margin-bottom: 2em;
}

.new-app-footer-download-icon a {
  margin: 0 10px;
}
.new-app-footer-download-icon img {
	max-width:100%;
	height:auto;
}

@media (max-width: 1200px) {
  .new-app-preview .app-preview-text {
    padding-left: 6em;
    padding-right: 6em;
  }

  .new-app-msc-info .msc-info-text {
    padding-right: 1.5em;
    padding-left: 2em;
  }

  .new-app-hero .hero-text { padding: 15vh 1.5em 0;}
}

@media (max-width: 980px) {
  .new-app-preview .app-preview-text h2.hide-on-mobile {
    display: none;
  }

  .new-app-preview .app-preview-text h2.show-on-mobile {
    display: block;
  }
}

@media (max-width: 800px) {
  .new-app-hero .see-more-btn {
    display: none;
  }

}

@media (max-width: 760px) {
	.new-app-msc-info .msc-info-logo {
		text-align: center;
		margin-bottom: 20px;
	}
	.new-app-hero .hero-text { 
		padding: 30px 20px 0;
	}
	.new-app-hero {
		min-height: 43em;
	}
	.new-app-preview .app-preview-text {
		padding: 20px 20px;
	}
	.new-app-hero h1 {
		font-size: 25px;
	}
	.new-app-get-online .get-online h1, .new-app-features .features-title h1 {
		margin: 1em 0;
		font-size: 24px;
	}
}
@media (max-width: 400px) {
	.new-app-footer-download-icon a,
	.new-app-hero .hero-text a {
		margin: 0 5px;
		width: 45%;
		display: inline-block;
	}
}