html, body {
min-height:100%;
font-family: 'Lato', sans-serif;
font-weight:700;
}
#shake .icon:nth-child(2n) {
animation-name: keyframes1;
animation-iteration-count: infinite;
transform-origin: 50% 10%;
}
#shake .icon:nth-child(2n-1) {
animation-name: keyframes2;
animation-iteration-count: infinite;
animation-direction: alternate;
transform-origin: 30% 5%;
}
@keyframes keyframes1 {
0% {
transform: rotate(-1deg);
animation-timing-function: ease-in;
}
50% {
transform: rotate(1.5deg);
animation-timing-function: ease-out;
}
}
@keyframes keyframes2 {
0% {
transform: rotate(1deg);
animation-timing-function: ease-in;
}
50% {
transform: rotate(-1.5deg);
animation-timing-function: ease-out;
}
}
#home-bground {
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-mobile-main.jpg) no-repeat top center fixed;
background-color:#000;
background-attachment: scroll;
height:100%;
width:auto;
background-size: 100% auto;
}
#why-bttr-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#363092;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
#be-bttr-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#DE791C;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
#packages-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#308A15;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
#check-avail-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#131AA4;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
#gallery-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#16B0BD;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
#faq-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#9202BF;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
.call-now{
text-align:center;
}
.call-now img{
width:50%;
height:auto;
margin:20px 0 0 0;
}
#faqs p {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:12px;
text-align:left;
color:#FFF;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
#faqs h3{
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:14px;
color:rgb(0,181,186);
padding-bottom: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
cursor: pointer;
}
#faqs h3 img {
vertical-align:middle;
}
#get-bttr-bground{
background: url(https://bttrbooths.com/home-mobile-files/images/backdrop-vector.png) no-repeat center center fixed; 
background-color:#a60c0c;
background-attachment: fixed;
background-size: cover;
height:100%;
width:auto;
}
p {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:16px;
text-align:center;
color:#FFF;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h1 {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:20px;
text-align:center;
margin:0;
color:#FFF;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h2 {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:22px;
text-align:center;
color:#FFF;
margin:0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h3 {
font-family: 'Lato', sans-serif;
font-weight:400;
color:#FFF;
font-size:16px;
margin:1em 0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h4 {
font-family: 'Lato', sans-serif;
font-weight:700;
color:#444;
font-size:14px;
margin:1em 0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 87.36%;
padding-left: 1.82%;
padding-right: 1.82%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#copy-area{
display:block;
width:80%;
margin-left:10%;
margin-right:10%;
margin-top:22%;
z-index:200;
}
#get-bttr-copy-area{
display:block;
width:60%;
margin-left:20%;
margin-right:20%;
margin-top:16%;
z-index:200;
}
#get-bttr-copy-area a:link,
#get-bttr-copy-area a:visited,
#get-bttr-copy-area a:active {
color:#c62020;
text-decoration: underline;
} 
#get-bttr-copy-area a:hover {
color: #E3AE10;
text-decoration: none;;
}
#faq-area{
display:block;
width:80%;
margin-left:10%;
margin-right:10%;
margin-top:22%;
z-index:200;
}
#intro {
width:90%;
margin-left:5%;
margin-right:5%;
margin-top:80px;
margin-bottom:5%;
display:block;
}
#intro img{
width:40%;
margin-left:30%;
margin-right:30%;
text-align:center;
}
#social-mobile {
clear: both;
float: left;
padding-left: 2%;
padding-right:2%;
padding-bottom:1%;
padding-top:1%;
width: 96%;
display: block;
background-color:#000;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #7F278C;
}
#blank{
clear: left;
float: left;
width: 16.6%;
display: block;
}
#blank img{
width:100%;
}
#facebook{
clear: none;
float: left;
width: 16.6%;
display: block;
}
#facebook img{
width:100%;
}
#linkedin{
clear: none;
float: left;
width: 16.6%;
display: block;
}
#linkedin img{
width:100%;
}
#pinterest{
clear: none;
float: left;
width: 16.6%;
display: block;
}
#pinterest img{
width:100%;
}
#instagram{
clear: none;
float: left;
width: 16.6%;
display: block;
}
#instagram img{
width:100%;
}
#blank-end{
clear: none;
float: left;
width: 16.6%;
display: block;
}
#blank-end img{
width:100%;
}
#logo-home{
clear: none;
float: left;
width: 100%;
display: block;
}
#logo-home img{
width:100%;
text-align:center;
}
#nav-home{
clear: none;
float: left;
width: 100%;
display: block;
font-family: 'Lato', sans-serif;
font-weight:400;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
color: #FFF;
letter-spacing: 4px;
text-align:center;
}
#nav-home a:link,
#nav-home a:visited,
#nav-home a:active {
color: #FFFFFF;
text-decoration: none;
} 
#nav-home a:hover {
color: rgba(255, 255, 255, 0.3);
text-decoration: none;
}
.why-bttr-home{
background: rgba(89, 12, 155, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:20px;
}
.why-bttr{
background: rgba(89, 12, 155, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:0px;
}
.be-bttr{
background: rgba(222, 76, 17, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
.packages{
background: rgba(47, 167, 10, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
.check-avail{
background: rgba(33, 21, 189, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
.gallery{
background: rgba(23, 148, 184, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
.faq{
background: rgba(155, 19, 131, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
.get-bttr{
background: rgba(215, 32, 39, .5);
padding-top:2%;
padding-bottom:2%;
margin-top:2px;
}
#navigation-bground{
display:none;
}
#social-tablet {
display:none;
}
#props1 {
text-align:center;
z-index:2;
}
#props2 {
text-align:center;
z-index:2;
}
#props3 {
text-align:center;
z-index:2;
} .container { margin: 0 auto; max-width: 960px; }
#info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
#demo { padding: 0 10%; } @media only screen and (min-width: 483px) {
p {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:18px;
text-align:center;
color:#FFF;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h1 {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:36px;
text-align:center;
margin:0;
color:#FFF;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h2 {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:36px;
text-align:center;
color:#FFF;
margin:0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h3 {
font-family: 'Lato', sans-serif;
font-weight:400;
color:#FFF;
font-size:1.41em;
margin:1em 0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
h4 {
font-family: 'Lato', sans-serif;
font-weight:700;
color:#444;
font-size:1.11em;
margin:1em 0;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}	
#copy-area{
display:block;
width:60%;
margin-left:20%;
margin-right:20%;
margin-top:16%;
z-index:200;
}
#faqs p {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:14px;
text-align:left;
color:#FFF;
padding-left:40px;
padding-right:40px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
0px 8px 13px rgba(0,0,0,0.3),
0px 18px 23px rgba(0,0,0,0.3);
}
#faq-area{
display:block;
width:80%;
margin-left:10%;
margin-right:10%;
margin-top:16%;
z-index:200;
}
#faqs h3{
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:16px;
color:rgb(0,181,186);
padding-bottom: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
cursor: pointer;
}
#faqs h3 img {
vertical-align:middle;
}
#social-mobile{
display:none;
}
#social-tablet {
clear: both;
float: left;
width: 100%;
display: block;
background-color:#000;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #7F278C;
}
#blank{
clear: left;
float: left;
width: 12.5%;
display: block;
}
#blank img{
width:100%;
}
#blank-nav{
clear: left;
float: left;
width: 12.5%;
display: block;
}
#blank-nav img{
width:100%;
}
#facebook{
clear: none;
float: left;
width: 12.5%;
display: block;
}
#facebook img{
width:100%;
}
#linkedin{
clear: none;
float: left;
width: 12.5%;
display: block;
}
#linkedin img{
width:100%;
}
#pinterest{
clear: none;
float: left;
width: 12.5%;
display: block;
}
#pinterest img{
width:100%;
}
#instagram{
clear: none;
float: left;
width: 12.5%;
display: block;
}
#instagram img{
width:100%;
}
#blank-end{
clear: none;
float: left;
width: 12.5%;
display: block;
}
#blank-end img{
width:100%;
}
#logo-home img{
width:100%;
margin-left:0;
padding-right:0;
text-align:center;
}
#nav-home{
clear: none;
float: left;
width: 100%;
display: block;
font-family: 'Lato', sans-serif;
font-weight:400;
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
color: #FFF;
letter-spacing: 4px;
text-align:center;
}
#nav-home a:link,
#nav-home a:visited,
#nav-home a:active {
color: #FFFFFF;
text-decoration: none;
} 
#nav-home a:hover {
color: rgba(255, 255, 255, 0.3);
text-decoration: none;
}
.why-bttr-home{
padding-top:1%;
padding-bottom:1%;
}
.why-bttr{
padding-top:1%;
padding-bottom:1%;
}
.be-bttr{
padding-top:1%;
padding-bottom:1%;
}
.packages{
padding-top:1%;
padding-bottom:1%;
}
.check-avail{
padding-top:1%;
padding-bottom:1%;
}
.gallery{
padding-top:1%;
padding-bottom:1%;
}
.faq{
padding-top:1%;
padding-bottom:1%;
}
.get-bttr{
padding-top:1%;
padding-bottom:1%;
}
} @media only screen and (max-width: 768px) {
}