< type="text/css">
.homeUnit .bannerArea.banner1{
background-image:url('https://www.gloriagaynor.com/wp-content/uploads/2019/06/[email protected]');
}
@media screen and (orientation:portrait){
.homeUnit .bannerArea.banner1{
background-image:url('https://www.gloriagaynor.com/wp-content/uploads/2019/06/[email protected]');
}
}
![]()
< id="promo" type="text/css">
.gloriawrapper {
display: flex;
position: relative;
padding-bottom:10em; /* shorten for less boxes */
}
.gloriaCombo{
width: 34vw;
margin-right: 0vw;
}
.gloriaUnit {
width: 40vw;
margin-top: .3em;
margin-bottom: .3em;
overflow: auto;
background-color:#000;
padding:.5em;
text-align:center;
vertical-align:middle;
}
@media (max-width: 767px) {
.banner1 .infoArea {
margin-top:10em !important;
}
.gloriaUnit {
width: 70vw !important;
vertical-align:middle;
}
.gloriaUnit .gloriaPhoto {
width: 20vw !important;
height: 20vw !important;
}
.gloriaUnit .text-area {
margin-top:1vh !important;
width: 40vw !important;
}
.gloriaUnit .text-area h2 {
font-size: 1em !important;
line-height: .9em;
}
.gloriaUnit a.regularButtonStay {
margin-left:1.56em;
}
}
.gloriaUnit .gloriaPhoto {
width: 5vw;
height: 5vw;
margin-right: 1vw;
border-radius: 0vw;
float: left;
background-size: cover;
background-position: center center;
}
.gloriaUnit .text-area {
margin-top:1vh;
color: white;
width: 28vw;
float: left;
text-align:center !important;
}
.gloriaUnit .text-area h4 {
font-size: .5em;
line-height: .9em;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
.gloriaUnit .text-area h2 {
font-size: 1em;
line-height: .9em;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.gloriaUnit .text-area p {
font-size: .8em;
font-weight: 300;
margin: 0;
margin-bottom: .5em;
}