html,body {
padding: 0;
margin: 0;
font-family: 'Lato', sans-serif;
font-size: 17px;
scroll-behavior: smooth;
}
.fullscreen {
height: 100%;
width: 100%;
text-align: center;
background-image: url("images/bg_store_darkv2.jpg");
background-size: cover;
align-content: center;
display: flex;
flex-wrap: wrap;
}
.fullscreen2 {
width: 100%;
background-color: #f6f6f6;
text-align: center;
border-color: #222222;
border-top: 2px solid;
border-bottom: 2px solid;
}
.fullscreen3 {
width: 100%;
background-color: #484944;
text-align: center;
border-color: #222222;
border-top: 0px solid;
border-bottom: 0px solid;
}
.fullscreenBottom {
width: 100%;
background-color: #333333;
text-align: center;
}
.bottomContent {
padding: 20px;
}
.badgeApp {
width: 210px;
height: 230px;
margin: auto;
background-image: url("images/badge_app_turkeys.png");
background-size: contain;
background-repeat: no-repeat;
border: 0px solid;
border-color: red;
}
.storeLinks {
width: 100%;
margin: auto;
border: 0px solid;
border-color: red;
}
.storeImageTop {
width: 204;
height: 115;
margin: auto;
border: 0px solid;
border-color: red;
}
.favFoodsBorder {
padding-bottom: 2px;
padding-top: 2px;
}
.favFoodsBorderSm {
border-top:1px solid;
border-color: #fbdf74;
width: 66%;
padding-bottom: 0px;
}
.favFoodsBorderSmLower {
border-bottom:1px solid;
border-color: #fbdf74;
width: 86%;
padding-bottom: 0px;
}
.pacifico-regular {
font-family: "Pacifico", cursive;
font-weight: 400;
font-style: normal;
color: #fbdf74;
font-size: 46;
margin:auto;
}
.favFoods {
font-weight: 400;
font-style: normal;
color: #fbdf74;
font-size: 22;
margin:auto;
}
.column3 {
float: left;
width: 33%;
padding: 0px;
margin-top: 0px;
border: 1px solid #c3c3c3;
}
.column2 {
float: left;
width: 50%;
padding: 0px;
margin-top: 0px;
border: 0px solid #c3c3c3;
}
.columnTopStore {
float: left;
width: 50%;
padding: 0px;
margin-top: 0px;
border: 0px solid #c3c3c3;
}
.column1 {
width: 100%;
padding: 0px;
margin-top: 0px;
border: 0px solid #c3c3c3;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.formField {
font-size: 17px;
background-color: #f6f6f6;
margin-top:0px;
BORDER: #cecece 2px solid;
border-radius: 8px;
padding: 6px;
width: 180px;
}
.title {
font-family: "Titillium Web", sans-serif;
font-weight: 300;
font-size: 30;
font-style: normal;
color: white;
padding-left: 5;
width: 60%;
margin: auto;
border:0px solid #c3c3c3;
text-align: left;
padding-top: 54px;
padding-bottom: 12px;
}
.regText {
font-family: "Titillium Web", sans-serif;
font-weight: 300;
font-size: 20;
font-style: normal;
color: black;
border:0px solid #c3c3c3;
text-align: left;
line-height: 35px;
}
.regTextWhite {
font-family: "Titillium Web", sans-serif;
font-weight: 300;
font-size: 20;
font-style: normal;
color: white;
border:0px solid #c3c3c3;
text-align: center;
line-height: 35px;
}
.regTextContainer {
margin-top: 15px;
padding-left: 20px;
padding-right: 20px;
//background-color: grey;
}
.sendButton {
background-color: #a84b08;
padding: 10px;
border: 0px;
border-radius: 12px;
color: white;
width: 90px;
font-size: 18;
}
.imageContainer {
margin-top: 20px;
}
.imageHitZone {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Horizontal offset, vertical offset, blur radius, and shadow color */
width: 360px;
}
.imageStores {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Horizontal offset, vertical offset, blur radius, and shadow color */
width: 360px;
}
.hr {
width: 200px;
color: #e3e3e3;
margin-top: 4px;
}
.middle-image {
display: inline-block; /* Display the image inline with the text */
vertical-align: middle; /* Align the image vertically in the middle of the line */
width: 40px;
}
.coolContainer {
width: 60%;
border: 0px solid red;
margin: auto;
padding-top: 18px;
background-color: #f6f6f6;
padding: 0px;
}
.columnHeader {
font-family: "Titillium Web", sans-serif;
font-weight: 300;
font-size: 24;
font-style: normal;
color: white;
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.col1bg {
background-color: #fa8c3b;
}
.col2bg {
background-color: #29af08;
}
.col3bg {
background-color: #a84b08;
}
.formTable {
font-size: 17;
background-color: #f6f6f6;
}
A.white:link {text-decoration: none; color: #ffffff}
A.white:visited {text-decoration: none; color: #ffffff}
A.white:active {text-decoration: underline; color: #ffffff;}
A.white:hover{text-decoration: underline; color: #ffffff;}
.arrowContainer {
position: relative;
}
.arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform: rotate(0deg);
cursor: pointer;
}
.arrow span {
display: block;
width: 1.5vw;
height: 1.5vw;
border-bottom: 2px solid #fbdf74;
border-right: 2px solid #fbdf74;
transform: rotate(45deg);
margin: -10px;
animation: animate 2.5s infinite;
}
.arrow span:nth-child(2) {
animation-delay: -0.2s;
}
.arrow span:nth-child(3) {
animation-delay: -0.4s;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotate(45deg) translate(-20px, -20px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(45deg) translate(20px, 20px);
}
}
@media screen and (max-width: 479px) {
/* start of phone styles */
.badgeApp {
width: 100px;
height: 100px;
margin: auto;
background-image: url("images/badge_app_turkeys.png");
background-size: contain;
background-repeat: no-repeat;
}
.column3 {
width: 100%;
}
.column2 {
width: 100%;
}
.columnHeader {
font-size: 20;
}
.arrow span {
width: 4vw;
height: 4vw;
border-bottom: 1px solid #fbdf74;
border-right: 1px solid #fbdf74;
}
.title {
width: 94%;
}
.coolContainer {
width: 94%;
}
.imageContainer {
margin-top: 38px;
}
.hr {
margin-top: 30px;
}
.imageHitZone {
width: 280px;
}
.imageStores {
width: 280px;
}
.storeImageTop {
width: 122;
height: 68;
margin: auto;
border: 0px solid;
border-color: red;
}
}
@media screen and (min-width: 767px) and (max-width: 999px) {
/* start of medium tablet styles */
.columnHeader {
height: 140px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
/* start of medium tablet styles */
.columnHeader {
height: 110px;
}
}