@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Bad+Script|Great+Vibes');

* {margin:0; padding:0}
html, body {height:100%;width:100%}
body {font:16px/1.5 'Open Sans', sans-serif;color:#000;font-weight:400;background:url(../imgs/tampa-wedding-photo-booth-rentals.jpg) top center no-repeat #fafafa;background-size:cover}
p.learnMore {margin:0 0 50px}
p.learnMore a {color:#d900d9;font-size:1.5em}
.center {text-align:center !important}
a.btn2 {padding:15px 20px;font-size:1.1em;color:#fff;background:#d900d9;border:1px solid #B200B2;text-decoration:none;border-radius:8px;transition:all 0.5s ease}
.marginBtm {margin-bottom:50px !important}
.tampaWeddingWrap {position:relative}
.tampaWeddingContent {position:absolute;top:30px;left:30px;width:50%}
.tampaWeddingContent h1 {font-family:'Great Vibes', cursive;font-size:5.0em;font-weight:400;margin:0 0 30px;padding:0;color:#d900d9;text-align:center}
.tampaWeddingContent p.badScript {font-family:'Bad Script', cursive;font-size:2.2em;font-weight:400;margin:0 0 15px;padding:0;color:#d900d9;text-align:center;line-height:2.0}
.tampaWeddingLogo {position:absolute;bottom:30px;left:30px;width:50%}
.tampaWeddingLogo img {display:block;width:600px;height:auto;margin:0 auto 30px}
.tampaWeddingLogo p {width:100%;text-align:center;font-size:3.0em;font-weight:400;color:#fff}

/* RESPONSIVE */
@media only screen and (max-width: 1920px) {
.tampaWeddingContent h1 {font-size:4.0em}
}
@media only screen and (max-width: 1680px) {
.tampaWeddingContent h1 {font-size:3.7em}
.tampaWeddingLogo img {width:500px;margin:0 auto 15px}
.tampaWeddingLogo p {font-size:2.5em}
}

@media only screen and (max-width: 1440px) {
.marginBtm {margin-bottom:25px !important}
.tampaWeddingLogo {bottom:10px}
.tampaWeddingContent h1 {font-size:3.0em;margin:0 0 10px}
.tampaWeddingContent p.badScript {font-size:1.6em}
.tampaWeddingLogo img {width:300px;margin:0 auto 10px}
.tampaWeddingLogo p {font-size:1.8em}
}

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

@media only screen and (max-width: 1280px) {
.tampaWeddingContent h1 {font-size:2.7em}
}

@media only screen and (max-width: 1200px) {
.tampaWeddingContent {top:10px}
}

@media only screen and (max-width: 1024px) {
.tampaWeddingContent h1 {font-size:2.2em}
.tampaWeddingContent p.badScript {font-size:1.3em}
}

@media only screen and (max-width: 800px) {
body {background:url(../imgs/tampa-wedding-photo-booth-rentals-mobile.jpg) top center no-repeat #fafafa;background-size:cover}
.tampaWeddingContent h1 {font-size:1.7em}
.tampaWeddingContent p.badScript {font-size:1.1em}
}

@media only screen and (max-width: 640px) {
.tampaWeddingLogo img {width:220px;margin:0 auto 10px}
.tampaWeddingLogo p {font-size:1.2em}
}

@media only screen and (max-width: 400px) {
p.learnMore {margin:0 0 30px}
a.btn2 {padding:5px 20px;font-size:0.8em}
}