HeinekenPerucampaign
Please review the Heineken – Hein.IA brand campaign and rate it using the HEINEKEN Creative Ladder.
VIDEO Campaign introduction
Campaigns > Heineken Peru
VIDEO
VIDEO
Static
Heineken Peruadmin2023-08-16T14:44:54+02:00
:host {
--color-primary: #FF7D00;
--color-primary-dark: hsl(29, 100%, 40%);
--color-primary-light: hsl(29, 100%, 94%);
--color-primary-alpha: rgba(255, 125, 0, 0.250000);
--color-primary-contrast: #FFFFFF;
--color-secondary: #364959;
--color-secondary-dark: hsl(207, 24%, 23%);
--color-secondary-contrast: #FFFFFF;
--color-secondary-alpha: rgba(54, 73, 89, 0.250000);
--color-secondary-light: hsl(207, 24%, 52%);
--color-success: #90BE6D;
--color-success-dark: hsl(94, 38%, 47%);
--color-success-light: hsl(94, 38%, 77%);
--color-error: #b8b8b8;
--color-error-dark: hsl(0, 0%, 58%);
--color-error-alpha: rgba(184, 184, 184, 0.250000);
--color-error-light: hsl(0, 0%, 100%);
--color-background: #ffffff;
--color-background-dark: hsl(0, 0%, 80%);
--color-background-contrast: #FFFFFF;
--color-background-light: hsl(0, 0%, 100%);
--color-dark: #F6F6F6;
--color-dark-contrast: #FFFFFF;
--color-dark-alpha: rgba(246, 246, 246, 0.050000);
--size: var(--size-regular);
--space: var(--space-compact);
--radius: var(--radius-rounded);
}
@media only screen and (max-width: 1600px) and (min-width: 640px) {
/*voting styling */
body, .fusion-text, select, .button.-primary {
font-size: 16px !important
}
.section-description em, .section-description strong {
font-size: 4.49vw !important
}
h2 {
font-size: 2.844vw !important
}
.question label {
font-size: 2.395vw !important
}
h4 {
font-size: 1.796vw !important
}
}
.button.-primary:hover {
background-color: #F6F6F6;
color:#C1C1C1;
}
.section-title, .section.welcome, .survey-title, .survey-progress {
display: none !important;
}
.button.-primary {
background-color: #FF7D00;
color: #fff;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
border-radius: 0;
line-height: 1;
letter-spacing: 0.27px;
}
.section-description em, .section-description strong {
margin: 0.05em 0;
display: table;
padding: 0 0.2em 0 0.15em;
font-family: "Futura bold condensed";
font-weight: 700;
color: #fff;
font-size: 75px;
line-height: 1;
}
.section-description em {
background-color: #13670b;
font-style: normal !important;
}
.section-description strong {
background-color: #FF7D00;
}
.question label {
font-family: "Futura Medium condensed";
font-weight: 400;
font-size: 30px;
line-height: 1;
color: #3C3C3B;
margin-bottom: 0.3em;
}
div:not(.fixed) .question {
display: inline-block;
float: left;
margin: 0;
}
div:not(.fixed) .section-description {
display: inline-block;
width: 17vw;
float: left;
}
select {
background-color: #F6F6F6;
border: 0;
border-radius: 0;
cursor: pointer;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
padding-left: 83px;
}
.question-field option {
font-size: 16px !important
}
form.section {
display: flex;
align-items: center;
margin: 0
}
.question-error {
margin: 0;
}
.question-block {
display: flex;
align-items: flex-end;
}
.section.thankyou p {
font-family: "Futura Medium condensed";
font-size: 32px;
}
@media only screen and (max-width: 640px) {
form.section {
display: block
}
div:not(.fixed) .section-description {
Float: inherit;
Width: inherit;
}
.section-description em, .section-description strong {
Font-size: 38px !important;
}
.question label {
Font-size: 18px !important;
}
.button.-primary, select {
padding-top:15px;
padding-bottom: 15px;
}
}