.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 10em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 4em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.intro h1 {
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 7em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
}