@import url("https://use.typekit.net/wlf4iuc.css");
html,body {height:100%;padding:0;margin:0;}

:root {
  --white: #FFFFFF;
}

.roboto {
  font-family: "roboto-slab", serif;
  font-weight: 400;
  font-style: normal;
}

.stainless {
    font-family: "Stainless Reg";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.stainlessbold {
    font-family: "Stainless Bd";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

body {background-color:var(--white);background-image:url('../images/bg.jpg');background-repeat:no-repeat;background-size:cover;background-position: right center;background-attachment: fixed;}
.img-fluid {max-width: 100%;}
header img {margin:15px auto 0 auto}

.text-enter {max-width:256px;}
input#email {background-image:url('../images/email.png');background-repeat:no-repeat;background-size:contain;border:none;width:100%;max-width:354px;height:77px;font-size:18px;box-sizing: border-box;line-height:77px;background-color:transparent;text-align: center;padding:0 10px;}
input#email:focus {outline:none;}
.submit-btn img {max-width:174px}

.buttons {max-width:960px !important;}
button {border:none;background-color: transparent;position: relative;max-width:150px}
button img {width:100%;display: block;}
button img:nth-child(2) {display:none;}
button.coming-soon {pointer-events: none;}
button.coming-soon img {opacity:0.5}
button.complete img:nth-child(1) {display:none;}
button.complete img:nth-child(2) {display:block;}

.modal.fade .modal-dialog {transition: none;}
.modal-content {padding:0;border:none;position: relative;background-color:#FFFFFF;padding:5px;border-radius: 20px;}
.modal-body {background-color:#453628;padding:20px 10px 50px 10px;border-radius: 20px;position: relative;text-align: center;}
.modal-body img {width:100%}
.btn-close {position: absolute;top:10px;right:10px;z-index: 1;background-image:url('../images/close.png');background-size:cover;width:24px;height:24px;opacity:1;padding:0;}

.year {display:inline-block;color:#FFFFFF;font-size:40px;background-image:url('../images/year.jpg');background-repeat:no-repeat;background-size:contain;width:138px;height:77px;line-height:77px;text-align: center;font-family: "Stainless Reg";margin-bottom:30px;}
.year span {display:block;font-size:34px;line-height:36px;padding-top:3px;}
.heading {color:#FFFFFF;margin-top:30px;font-size:30px;line-height:40px;font-family: "Stainless Reg";}
.copy {color:#FFFFFF;margin-top:30px;font-size:20px;}

.disclaimer {font-size:16px;color:#453628;text-align: left;margin-top:20px;font-family: "Roboto Slab", serif;padding-bottom:15px;padding-left:10px;}

/* Portrait orientation */
@media (orientation: portrait) {
  body {background-image:url('../images/bg-portrait.jpg');}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  header {direction: rtl;}  
  header img {margin:15px 50px 0 50px}
  button {max-width:none}
  .btn-close {top:15px;right:15px;}
  .modal-body.alt .content {display: flex;gap:30px;}
  .modal-body {padding:20px 20px;display:flex;gap:40px;text-align: left;}
  .modal-body.alt {display: block;gap:none;padding:20px 50px;}
  .modal-body.alt img {margin-bottom:30px;}
  .modal-body.alt .year {flex: 0 0 138px;}
  .modal-body.alt .heading {margin-top:0;flex: 0 0 200px;}
  .modal-body.alt .copy {margin-top:0;flex: 1;}
  
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  header img {margin:50px 50px 0 50px}	
  .modal-body div.image {flex: 0 0 50% !important;}
  .modal-body.alt div {flex:none}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.disclaimer {position: fixed;bottom:0;left:5px;}
}

/* Extra wxtra large devices (xlarge desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
}