body {
    padding:0;
    margin:0;
    background-color: #1d1d54;  
}
/* TEXT / FONT STYLES -------------------------------*/
a:link {
	text-decoration:none;
}
h1 {
   	color: white;
    font-size: 2vw;
    margin:0;
    line-height:100%;
    font-family: 'Boogaloo', cursive;
    margin-bottom: 3.5%;
    font-weight: normal;
    letter-spacing: -1px;
    text-transform: uppercase;
}
h2 {
   	color: #f2cc2b;
    font-size:1.5vw;
    margin:0;
    line-height:100%;
    font-family: 'Nunito', sans-serif;
    padding-bottom: 4%;
}
h2.offer {
	color: white;
    font-size:2vw;
    margin:0;
    line-height:85%;
    font-family: 'Boogaloo', cursive;
    margin-bottom: 4%;
    font-weight: normal;
    letter-spacing: -2px;
    text-transform: uppercase;
}
h3 {
    color: white;
    font-size:3vw;
    margin:0;
    line-height:95%;
    font-family: 'Boogaloo', cursive;
    margin-bottom: 2%;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
}
p, span, a {
	font-family: 'Nunito', sans-serif;
    margin:0;
}
/* NAVBAR TOP ---------------------------------------- */
#topbar-spacing {
	height: 4.2vw;
    width: 100%;
  	}
#topbar {
    overflow: hidden;
    background-color: #302455;
    z-index: 9999;
    position: fixed;
    width: 100%;
    /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);*/
  	}
#topbar-border {
    background: rgb(230,164,18);
	background: linear-gradient(90deg, rgba(230,164,18,1) 0%, rgba(165,0,114,1) 100%);
    height: 7px;
    z-index: 999999;
    background-position: bottom;
}
#steps-border {
    background: rgb(230,164,18);
	background: linear-gradient(90deg, rgba(165,0,114,1) 0%, rgba(230,164,18,1) 100%);
    height: 4px;
    background-position: bottom;
}
.vlogo {
    width: 11%;
    padding: 0.4%;
    padding-left: 0;
    float: left;
    margin-left: 10%;
}
.vlogo img {
    vertical-align: middle;
}    
.nav-buttons {
    float: right;
    width: 50%;
    margin-right: 10%;
    padding: 0.8%;
}
.nav-button {
  	border-radius: 3px;
  	border: none;
  	text-align: center;
  	padding: 1.5% 2.5%;
  	width: auto;
  	transition: all 0.5s;
  	cursor: pointer;
  	margin: 0;
    margin-left: 1.5%;
    font-size: 0.9vw;
    font-weight:800;
}
.reg-button {
  	background-color: #f2cc2b;
  	color: #333;
    float: right;
}
.reg-button:hover {
  	background-color: #f6d136;
}
.login-button {
  	background-color: rgba(255,255,255,0.2);
  	color: #fff;
    float: right;
}
.login-button:hover {
  	background-color: rgba(255,255,255,0.4);
}
/* NAVBAR TOP END */
#image {
    width: 100%;
    height: auto;
    background-color: #2f0a32;
    background-image: url('../../willbetgambling/image/1-background2.jpg');
    background-size: cover; 
    background-position: center -30px;
    min-height:600px;
}
#image-mob {
    display: none;
}
#container {
  	width: 80%;
    margin: 0 auto;
    height: auto;
	/*height: 36vw;*/
    overflow:hidden;
}
#image h1 {
    font-size: 4vw;
    padding: 1vw 0;
    line-height: 4vw;
    margin-bottom: 0;
    text-align: left;
    color: #F5C853;
}
#image #text p {
    margin: 0;
    font-family: 'Boogaloo', cursive;
    width: 100%;
    color: white;
    font-size: 3vw;
    padding-top: 2%;
    line-height: 120%;
    margin-bottom: 10px;
    margin-bottom: 30px;
    text-align: left;
}
#text {
    width: 44%;
  	position: relative;
    left: 0;
    padding: 2% 0 4.5% 0;
    text-align: center;
	/*float:left;*/
    z-index:1000;
}
.vlad-animation {
	position:absolute;
    z-index: 0;
    right: 18%;
    top: 13%;
    width: 45%;
    max-width: 940px;
}
.vlad-animation img{
    width: 100%;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Safari */
    transform: rotate(8deg); /* Standard syntax */
    display:inline-block;
}
/* BUTTON ---------------------------------------- */
.button {
  	border-radius: 4px;
  	background-color: #f2cc2b;
  	color: #333;
  	text-align: center;
  	font-size: 1.3vw;
    font-weight: 600;
  	padding: 4% 8%;
  	transition: all 0.5s;
  	cursor: pointer;
  	margin: 0;
    display:inline-block;
}
.cta-container .button {
    margin-top: 120px;
    float: left;
}
#image .copy-container {
    margin-top: 7vw;
}
.button:hover {
    background-color: #f6d136;
}  
/* BUTTON END */
#text p {
	margin: 0 auto;
    width: 35%;
    color: white;
    font-size: 0.7vw;
    padding-top: 2%;
    line-height: 120%;
}
#text p span{
    font-size: 0.75vw;
    padding: 2px 0 0 8px;
    display:none;
}
#text img {
	width: 26vw;
    /*padding-bottom: 1.5vw;*/	
}
.yes, .Yes, .YES{
    display: none;
}
.no, .No, .NO {
    display: block;
}
#app-strip {
    width: 100%;
    background-color: #281C4D;
}
.app-strip-content {
    padding: 1.4% 10%;
    text-align: center;
}
#app-strip p {
    color: white;
    font-size: 1.25vw;
    padding-bottom: 0.6%;
}
#app-strip img {
    width: 12.5%;
}
/* STEPS -------------------------------------------- */
#steps-container {
	background-color: rgba(48,36,85,/*101,10,101,*/ 0.95);
    width: 100%;
    z-index:999;
    position:relative;
}
#steps-wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 1.8%;
    overflow:hidden;
}	
.steps {
    width: 33.3%;
    float:left;
    
}
.steps-numbers {
    width: 20%;
    float:left;
    vertical-align:center;
    background-image:url('../../willbetgambling/image/number-triangle.png');
    background-size: cover;
    background-repeat: no-repeat;
} 
.steps-numbers p { /* Steps numbers*/
    color:white;
    font-family: 'Boogaloo', cursive;
    font-size:4vw;
    margin:0;
    line-height:84%;
    font-weight: 100; 
    vertical-align: middle;
    text-align:center;
    /*border: solid 2px #f2cc2b;
    border-radius: 50%;*/
    padding: calc(20% - 1.66px);
    /*box-shadow: 0px 0px 6px #48889d;*/
   -webkit-transition:  .40s ease-in-out;
   -moz-transition:  .40s ease-in-out;
   -ms-transition:  .40s ease-in-out;
   -o-transition:  .40s ease-in-out;
   	transition:  .40s ease-in-out;
}
.steps-numbers p:hover { /* Steps numbers hover*/
   	/*box-shadow: 0px 0px 16px #48889d;*/
   -webkit-transition:  .40s ease-in-out;
   -moz-transition:  .40s ease-in-out;
   -ms-transition:  .40s ease-in-out;
   -o-transition:  .40s ease-in-out;
   	transition:  .40s ease-in-out;
   	transform: scale(1.1);	
}
.steps-content { 
    width: 70%;
    float:right;
    margin: 0 5%;
}
.steps-content p { /* Steps text */
    color:white;
    font-family: 'Nunito', sans-serif;
    font-size:1.2vw;
    margin:0;
    line-height:110%;
    font-weight: 100; 
}
.steps-content h4 { /* Steps heading */
	font: 1.7vw 'Nunito', sans-serif;
    color:white;
    padding-bottom: 1%;
    font-weight: 900;
    margin:0;
}
/* STEPS END */
/* PROMOTION -------------------------------------------- */
#promotion-container {
	background-color: #3c2e61;
    width: 100%;
    height: auto;
    clear: both;
    padding: 4% 0;
    overflow:hidden;
    position:relative;
    z-index: 1000;
}
.promotion-wrapper {
    width: 80%;
    margin: 0 auto;
}
.promotion-content {
	float:left;
    width: 55%;
}
.promotion-image {
	float:right;
    width: 45%;
}
.promotion-image img {
	width: 85%;
    float:right;
}
.promotion-content p {
	opacity: 0.9;
    color:white;
    font-size:1.25vw;
    line-height:110%;
    margin-bottom: 4%;
    font-weight: normal; 
	}
.promotion-content .button {
  	font-size: 1.1vw;
  	padding: 2.5% 3.5%;
}
/* PROMOTION END */
/* FOOTER -------------------------------------------- */
#payments-container {
	background-color: #393545;
    width: 100%;
    height: auto;
    clear: both;
    border-top: thin inset #888888;
    position:relative;
    z-index:1000;
}
.payments {
    width: 35%;
    margin: 0 auto;
    padding: 2%;
}
.payments img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#terms-container {
	background-color: #393545;
    width: 100%;
    height: auto;
    clear: both;
    position:relative;
    z-index:1000;
}
.terms {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 2%;
}
.terms span {
    font-size: 1vw;
    color: #638697;
    font-weight: bold;
    text-align: left;
}
.terms p {
    font-size: 0.8vw;
    color: #638697;
    text-align: left;
}
#footer-container {
	background-color: #393545;
    width: 100%;
    height: auto;
    clear: both;
    border-top: 1px solid rgba(0,0,0,.176);
    overflow: hidden;
}
#footer-box {
   	background-color: #283747;
    width: 80%;
    margin: 0 auto;
    height: auto;
    position: relative;
    overflow: hidden;       
}
.authority {
    width: 164px;
    padding: 20px 0;
    float: left;
}
.authority img {
    height: 30px;
    display: inline-block;
}
.social {
    width: 164px;
    padding: 20px 0;
    float: right;
}
.social img {
    height: 24px;
    padding-left: 6px;
    display: inline-block;
    -webkit-transition:  .30s ease-in-out;
    -moz-transition:  .30s ease-in-out;
    -ms-transition:  .30s ease-in-out;
    -o-transition:  .30s ease-in-out;
   	transition:  .30s ease-in-out;
}
.social img:hover {
	opacity: 0.6;
    -webkit-transition:  .30s ease-in-out;
    -moz-transition:  .30s ease-in-out;
    -ms-transition:  .30s ease-in-out;
    -o-transition:  .30s ease-in-out;
   	transition:  .30s ease-in-out;
}
/* FOOTER ADDITIONAL 2 ******************************************/
.terms {
    width: 80%;
    margin: 0 auto;
    padding: 1% 0;
}
.terms span {
    font: 1vw 'Nunito', sans-serif;
    color: rgba(255,255,255,0.5);
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    display: inline-block;
}
.terms p {
    font: 0.8vw 'Nunito', sans-serif;
    color: rgba(255,255,255,0.5);
    text-align: left;
}
/* FOOTER ******************************************/
footer {
	background-color: #393545;
    color:rgba(255,255,255,0.7);
    font: 0.9vw 'Nunito', sans-serif;
}
footer p {
    color: rgba(255,255,255,0.5);
    line-height: 150%;
    margin: 0;
    font-size:1vw;
}
footer h6 {
    font: 1vw 'Nunito', sans-serif;
    font-weight: 700;
    margin-bottom:10px;
}
.footer-row {
    border-bottom:1px solid rgba(0,0,0,.173882)
}

/* SOCIAL ICONS ************************************/
.social-icons {
	width: 80%;
    margin: 0 auto;
}
.social-icons img {
    height: 24px;
    padding: 1% 0.4% 0.5% 0.4%;
    display: inline-block;
    -webkit-transition:  .30s ease-in-out;
    -moz-transition:  .30s ease-in-out;
    -ms-transition:  .30s ease-in-out;
    -o-transition:  .30s ease-in-out;
   	transition:  .30s ease-in-out;
}
.social-icons img:hover {
	opacity: 0.6;
}

/* Sitemap ******************************************/
.inner {
	overflow:hidden;
	padding: 1% 10%;
}
ul {
	list-style:none;
    color: #fff;
    margin:0;
    -webkit-padding-start: 0;
    line-height: 250%;
    font-size: 13px;
    font-weight:500;
}
.site-map .inner>ul>li {
    width: 14%;
    float:left;
    min-height:95px;
    padding-bottom:1%;
}

.site-map .inner>ul>li>ul {
	float:none;
}

.site-map .inner>ul>li a {
    color: rgba(255,255,255,0.5);
    text-decoration:none;
}
.site-map .inner>ul>li h6 {
    color: #fff;
}

.site-map .inner>ul>li a:hover {
    text-decoration:underline;
}

.sitemap-icon {
	width: 8%;
    margin-left:5%;
    margin-bottom:-1%;
}
/* Responsible gambling - Links *********************/
.responsible-gaming-container {
	padding: 1% 10%;
    overflow:hidden;
}
.responsible-gaming-container img {
	float:left;
    margin:0;
    padding-right: 0.5%;
    height: 19px;
    vertical-align: top;
    margin-right: 5px;
}

.info {
	float: left;   
    width:35%;
    }
.links {
	float: right; 
    width:60%;
    text-align: right;
    }
.links p a {
	font-weight: 500;
    color: rgba(255,255,255,0.5);
    text-decoration:none;
}
.links a:hover {
    text-decoration:underline;
}
/* Commission **************************************/
.commission {
	padding: 1% 10%;
}
.commission img {
	width: 3%;
    max-width: 175px;
}
/* Logos ******************************************/
.footer-logos {
	padding: 1% 10%;
    overflow:hidden;
}
.footer-logos p{
    padding-bottom: 1%;
}
.footer-secure  {
	width: 65%;
}
.logos {
	padding-bottom: 1%;
}
.logos img {
	width:66%;
}
/* Legal  ******************************************/
.links p{
    font-size: 1vw;
}
.legal {
	padding: 1% 10%;
    color: #999;
}
.legal p{
    font-size: 11px;
    line-height:180%;
}
.legal a {
    text-decoration:none;
    font-weight: 500;
}
.legal a:hover {
    text-decoration:underline;
}
/* END OF FOOTER *************************************/

/* Return to top arrow */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background:#513e82;
    width: 46px;
    height: 46px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;*/
    box-shadow:  0 0 6px  rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
	left: 16px;
    top: 27%;
    font-size: 16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
    background:#515151;
}
#return-to-top:hover i {
    color: #fff;
    top: 10px;
}
#image .terms {
    width: 80% !important;
    margin: 0 auto;
    padding: 1% 0;
    font-size: 1vw!important;
    float: left;
    margin-top: 10px!important;
}
#image #container { 	
    min-height:800px;
}

@media only screen and (min-width: 2000px) {
#image #container {
    min-height: 1000px;
	}
}

@media only screen and (max-width: 1500px) {
    #image #container { 	
    min-height:650px;
}
}
@media only screen and (max-width: 768px) and (orientation : landscape)
{	
#topbar-spacing 
    {
    height: 5.2vw;
    }    
.vlogo {
    width: 13%;
    margin-left: 7%;
    padding-top: 0.8%;
}
.nav-buttons {
    margin-right: 7%;
}    
.nav-button {
    padding: 1.8% 3%;
}    
.nav-button span {
    font-size: 1.6vw;    
}
#container {
    width: 86%;
}
h2 {
    font-size: 2vw;
} 
/* BUTTON ---------------------------------------- */
.button {
    font: 2.2vw 'Nunito', sans-serif;
    padding: 4%;
    width: auto;
    padding-right: 8%;
    padding-left: 8%;
}
.button2 {
    font: 1.8vw 'Nunito', sans-serif;
    padding: 2%;
    padding-right: 4%;
    padding-left: 4%;    
}
/* BUTTON END */
#text p {
    width: 100%;
    font-size: 1.2vw;
    padding-top: 4%;
}
.terms {
    width: 86%;
}
.terms span {
    font: 1.7vw 'Nunito', sans-serif;
}
.steps-content p {
    font-size: 1.5vw;
}    
#steps-wrapper {
    width: 86%;
}
.offer h2 {
    letter-spacing: 0px;
}
h4.steps-heading {
    font: 2vw 'Nunito', sans-serif;    
}
.promotion-wrapper {
    width: 86%;
}
.payments {
    width: 55%;    
}
#footer-box {
    width: 86%;
}
.authority {
    width: 146px;
    padding: 15px 0;
}        
.authority img {
    height: 30px;
}
.social {
    width: 146px;
}    
.social img {
    height: 20px;
}    
}

@media only screen and (max-width: 768px) and (orientation : portrait)
{
/* NAV TOPBAR ------------------------------------------------ */  
.vlogo {
    width: 25%;
    margin-left: 3%;
    padding: 2.2% 0 1% 0;
}
.nav-buttons {
    width: 60%;
    margin-right: 0.5%;  
}
.nav-button {
    padding: 5% 7%;
    margin-left: 2.5%;
    font-size: 3vw;  
}
#topbar-spacing {
    height: 10.5vw;
} 
#topbar-border {
    height: 9px;
    }
#steps-border {
    height: 2px;  
    }
#image {
    background-image:url('../../willbetgambling/image/1-background-mobile.jpg');
    height: auto;
    background-size: 100%; 
    background-position-y: -5%;
    background-repeat: no-repeat;
    background-color: #200125;
}
#image-mob {
	position:absolute;
    z-index: 0;
    right: 6%;
    width:80%;
    display: inline-block;
    margin-top:-60%;
}    
#image-mob img{
    width: 100%;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Safari */
    transform: rotate(8deg); /* Standard syntax */
    display:inline-block;
}
#container {
    width: 96%;
    height: auto;
    padding-top: 7%;
    /*padding-bottom: 54%;*/
} 
    
  .cta-container .button {
    margin-top: 0px;
    float: left;
}  
    
    
    
#text {
 	-webkit-transform: translateY(0%);
  	-ms-transform: translateY(0%);
  	transform: translateY(0%);
    width: 100%;
    padding: 0;
}
#text img {
    width: 60vw;
    padding-bottom: 2vw;
    /*margin: 0 auto;*/
    margin: -8% -2% -3% -2%;
    display: block;
}
.vlad-animation {
	position:absolute;
    z-index: 0;
    right: -4%;
    top: 47%;
    width:100%
}
.vlad-animation img {
	display:none;    
}
h2 {
    font-size: 4.5vw;
    margin: 0 auto;
    line-height: 100%;
    padding-bottom: 3%;
    text-align: center;
}   
h1 {
   text-align: center;
   font-size: 5vw !important;
   line-height: 8vw !important;
   width: 60vw; 
   margin: 0.5% -2%; 
   /*margin-top: -18%;*/
}  
h2.offer {
    font-size:7vw;
    line-height:85%;
    letter-spacing: 0px;
}
.button {
    font-size: 4vw;
    padding: 5% 8%;
    margin: 0 auto;
    display: table;
}
#image .copy-container {
    margin-top: 80vw;
}
.cta-container {
    padding: 34% 0 6% 0;
    }    
#text p {
    margin: 0 auto;
    width: 40%;
    text-align: center; 
    font-size: 1.8vw;
    padding-top: 3%;
}   
#text p span{
    font-size: 2vw;
    padding: -1px 0px;
} 
.app-strip-content {
    padding: 4% 10%;
} 
#app-strip p {
    font-size: 4.5vw;
    padding-bottom: 2%;
}
#app-strip img {
    width: 45%;
}    
/* STEPS ------------------------------------------------ */  
#steps-container { 
    background-color: rgba(48,36,85,1);
    border-bottom: 0.15em solid rgba(0,0,0,.176);
}    
#steps-wrapper {
    margin: 0 auto;
    overflow:none;
    padding-bottom: 10%;
}
.steps {
	background-color: none;
    width: 100%;
    float:none;
    padding-top: 8%;
}
.steps-numbers {
    width: 16%;
    float:none;
    vertical-align:center;
    padding: 0 0 1% 0;
    margin: 0 auto;
}
.steps-numbers p {
    font-size:8vw;
    margin:0;
    vertical-align: middle;
    text-align:center;
    padding: 20%;
}
.steps-content {
    width: 80%;
    float:none;
    margin: 0 auto;
    text-align: center;
}
.steps-content p {
    color:white;
    font-family: 'Nunito', sans-serif;
    font-size:4.5vw;
    margin:0;
    line-height:130%;
    font-weight: 100; 
}
h4.steps-heading {
	font-size: 6.5vw;
    padding-bottom: 1%;
    font-weight: 900;
}
/* STEPS END */
/* PROMOTION -------------------------------------------- */
#promotion-container {
    padding: 10% 0;
}
.promotion-wrapper {
    width: 90%;
}
.promotion-content {
	float:none;
    width: 100%;
 	margin: 0 auto;
}
.promotion-image {
	float:none;
    width: 100%;
    margin-top: 8%;
}
.promotion-image img {
	width: 100%;
	margin: 0 auto;
}
h3 {
    font-size:7.5vw;
    line-height:95%;
    margin-bottom: 2%;
}
.promotion-content p {
    font-size:3.7vw;
    line-height:120%;
}
.promotion-content .button {
    border-radius: 3px;
    font-size: 4vw;
    padding: 4% 10%;
    margin-top: 3%;
    display:inline-block;
}
/* PROMOTION END */
/* FOOTER -----------------------------------------------*/       
.awards {
    width: 92%;
    padding: 4% 3%;
}
.payments {
    width: 90%;
    margin: 0 auto;
    padding: 5%;
}    
.terms {
    width: 90%;
}
.terms span {
    font: 3vw 'Nunito', sans-serif;
    font-weight: 900;
	line-height: 160%;
}
.terms p {
    font: 2.6vw 'Nunito', sans-serif;
}
#footer-box {
    width: 90%;
}    
.social {
    width: 124px;
    padding: 15px 0;
}    
.social img {
    height: 20px;
}
.authority {
    padding: 15px 0;
} 
#return-to-top {
    bottom: 50px;
}    
    
   
/* FOOTER ADDITIONAL ******************************************/
footer p {
 	font-size: 3.5vw;   
}    
.social-icons {
	width: 90%;
    padding: 2%;
    display:none;
}
.social-icons img {
    padding: 1% 2%;
}
.site-map {
	display:none;    
    }
.site-map .inner>ul>li {
    width: 44%;
    float:left;
	padding-bottom:7%;
}
.responsible-gaming-container {
	padding: 5% 5%;
}
.responsible-gaming-container p {
	padding-bottom: 8%;
    margin-top:-7px;
}

.links {
	float: left; 
    width:100%;
    text-align:left;
}
.info {
	float: left;   
    width:80%;
}
.commission {
	padding: 5% 5%;
}
.commission img {
	width: 10%;
}
.footer-logos {
	display:none;
} 
.legal {
	display:none;
} 
.links p{
    font-size: 3.8vw;
}
#image h1 {
    padding: 4vw 0;
    line-height: 10vw!important;
    margin-bottom: 0;
    font-size: 10vw!Important;
    text-align: left;
    margin: 0;
    width: 100%;
    text-align: center;
}
#image #text p {
    margin: 0;
    width: 100%;
    color: white;
    font-size: 8vw;
    padding-top: 0%;
    line-height: 120%;
    margin-bottom: 20px;
    text-align: center;
}
    #image #container {
    min-height: 600px;
}
    .cta-container {
    /* position: absolute; */
    /* width: 80vw; */
    padding: 0;
    /* margin-top: 280px; */
    /* margin: 280px auto 0; */
}
    .cta-container .button {
    float: none;
}
    #image #container {
    min-height: 499px;
}
    #image #text p.terms{
    text-align: center;
    font-size: 3vw!important;
    color: white;
    width: 100%!important;
    text-shadow: 1px 1px 1px black;
}
}
@media only screen and (min-width: 600px) and (max-width: 768px){
#image #container {
    min-height: 800px;
}
    
.cta-container {
    top: 290%;
}
   #image #text p {
    margin: 0 10px;
    width: 100%;
    color: white;
    font-size: 4vw;
    padding-top: 2%;
    line-height: 120%;
    margin-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
}
    #image {
    background-position-y: -16%;
}
}