{"id":11557,"date":"2022-01-07T17:42:27","date_gmt":"2022-01-07T16:42:27","guid":{"rendered":"https:\/\/www.mpfxdesign.com\/site\/?page_id=11557"},"modified":"2022-06-27T12:21:16","modified_gmt":"2022-06-27T11:21:16","slug":"barrancoa","status":"publish","type":"page","link":"https:\/\/www.mpfxdesign.com\/site\/home\/barrancoa\/","title":{"rendered":"barrancoa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11557\" class=\"elementor elementor-11557\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cdc26c elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"0cdc26c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2d1fc68\" data-id=\"2d1fc68\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dd9cd5f elementor-widget elementor-widget-html\" data-id=\"dd9cd5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n  <div class=\"coluna3\">\n      \n          <video class=\"video\" autoplay loop >\n  <source src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/02\/barrancoa_pack.mp4\">\n<\/video>\n      \n  <div id=\"ladoalado\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/01\/barrancoacomposito.jpg\" style=\"width:100% z-index:3\">\n  <\/div>\n  \n\n\n\n  \n  <\/div>\n<\/div>\n\n\n<style>\n.coluna1{\n  float: left;\n  width: 50%;\n}\n\n.coluna2{\n  float: left;\n  width: 50%;\n}\n\n.coluna3{\n  float: left;\n  width: 100%;\n}\n\n\n.video{\n    display: block;\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04b0103 elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"04b0103\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0a76ad\" data-id=\"b0a76ad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-481209f elementor-widget elementor-widget-html\" data-id=\"481209f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n  <div class=\"coluna3\">\n\n  \n    <div id=\"ladoalado\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/01\/B004.jpg\" style=\"width:100%\">\n  <\/div>\n\n\n\n\n  \n  <\/div>\n<\/div>\n\n\n<style>\n.coluna1{\n  float: left;\n  width: 50%;\n}\n\n.coluna2{\n  float: left;\n  width: 50%;\n}\n\n.coluna3{\n  float: left;\n  width: 100%;\n}\n\n\n.video{\n    display: block;\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb7afc1 elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"eb7afc1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2847c2d\" data-id=\"2847c2d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86d5e88 elementor-widget elementor-widget-html\" data-id=\"86d5e88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row\">\n  <div class=\"coluna3\">\n\n  \n    <div id=\"ladoalado\"> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/01\/barrancoa.jpg\" style=\"width:100%\">\n  <\/div>\n \n\n\n\n  \n  <\/div>\n<\/div>\n\n\n<style>\n.coluna1{\n  float: left;\n  width: 50%;\n}\n\n.coluna2{\n  float: left;\n  width: 50%;\n}\n\n.coluna3{\n  float: left;\n  width: 100%;\n}\n\n\n.video{\n    display: block;\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63cff8f elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"63cff8f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dbd197\" data-id=\"1dbd197\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d220475 elementor-widget elementor-widget-spacer\" data-id=\"d220475\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a17b78d elementor-widget elementor-widget-html\" data-id=\"a17b78d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n .mp5 {\n      margin-left:26%;\n\n  }\n  .work5 {\n      margin-left:55.1%;\n\n      \n  }\n  .archive5{\n      margin-left: 54.7%;\n      margin-top: 2%;\n     opacity: 0.5;\n     \n  }\n   .contact5{\n      margin-left: 51.6%;\n      margin-top: 2%;\n         opacity: 0.5;\n   \n      \n  }\n   .shop5{\n      margin-left: 62.7%;\n      margin-top: 2%;\n         opacity: 0.5;\n    \n  }\n    \n<\/style>\n\n\n <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" class=\"mp5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-16.png\" width=\"67%\"><\/a>\n   \n    <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" class=\"work5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-17.png\" width=\"28%\"><\/a>\n    \n   <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" class=\"archive5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-18.png\" width=\"39%\"><\/a>\n   \n   <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" class=\"contact5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-19.png\" width=\"41%\"><\/a>\n   \n <a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" class=\"shop5\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/preto-20.png\" width=\"27%\"><\/a>\n\n<div>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd471d elementor-widget elementor-widget-spacer\" data-id=\"9dd471d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ec865b elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"1ec865b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-313ce75\" data-id=\"313ce75\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e737a0 elementor-widget elementor-widget-html\" data-id=\"2e737a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<style>\r\n* {box-sizing: border-box;}\r\n.mySlides {display: none;}\r\nimg {vertical-align: middle;}\r\n\r\n\/* Slideshow container *\/\r\n.slideshow-container {\r\n  max-width: 1000px;\r\n  position: relative;\r\n  margin: 0px;\r\n}\r\n\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slideshow-container\">\r\n    \r\n    <div class=\"mySlides\">\r\n<img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/Layer-0.jpg\" style=\"width:100%\">\r\n<\/div>\r\n\r\n<div class=\"mySlides\">\r\n<img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/Layer-1.jpg\" style=\"width:100%\">\r\n<\/div>\r\n\r\n<div class=\"mySlides\">\r\n<img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/Layer-2.jpg\" style=\"width:100%\">\r\n<\/div>\r\n\r\n<div class=\"mySlides\">\r\n <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/Layer-3.jpg\" style=\"width:100%\">\r\n <\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\nvar slideIndex = 0;\r\nshowSlides();\r\n\r\nfunction showSlides() {\r\n  var i;\r\n  var slides = document.getElementsByClassName(\"mySlides\");\r\n  var dots = document.getElementsByClassName(\"dot\");\r\n  for (i = 0; i < slides.length; i++) {\r\n    slides[i].style.display = \"none\";  \r\n  }\r\n  slideIndex++;\r\n  if (slideIndex > slides.length) {slideIndex = 1}    \r\n  for (i = 0; i < dots.length; i++) {\r\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n  }\r\n  slides[slideIndex-1].style.display = \"block\";  \r\n  setTimeout(showSlides, 500); \/\/ Change image every 1 seconds\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html> \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1c4a37 elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"d1c4a37\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-834cf07\" data-id=\"834cf07\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49a6c83 elementor-widget elementor-widget-html\" data-id=\"49a6c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n  \n    <div> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/02\/barrancoacomposito_m.jpg\" style=\"width:100%\">\n  <\/div>\n  \n    <div> <img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/barrancoa_mbo1.jpg\" style=\"width:100%\">\n  <\/div>\n \n\n\n\n<style>\n\n.video{\n    display: block;\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-51484dc elementor-section-full_width elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"51484dc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b1f656\" data-id=\"6b1f656\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78cd1c8 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"78cd1c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"rowdk\">\n  <div class=\"column5\">\n \n <p class=\"textoc1\"> \n > project<br><span>BARRANCOA WINE<\/span><br>\n> client<br><span>RIBAFREIXO WINES\n<\/span><br>\n> design year<span>2014<\/span><br>\n> category<br><span>BRAND IDENTITY<br>LABEL & PACKAGING DESIGN<\/span><br>\n> scope of work<br><span>ILLUSTRATION<br>GRAPHIC DESIGN<br>PACKAGING DESIGN<br>PRINT MANAGEMENT<\/span><br>\n> photography<br><span >MIGUEL PINTO FELIX<br>PAULO SERRA<\/span><br>\n> art direction<br><span>MIGUEL PINTO FELIX<\/span><br>\n> design<br><span>IN-HOUSE STUDIO TEAM<\/span> <\/p>\n\n    \n  <\/div> \n  \n  \n   \n\n<\/div>\n<div class=\"botoes\">\n\n   <div class=\"column7\">\n   \n     <a class=\"t3\" href=\"\"><img decoding=\"async\" class=\"\" src=\"\"><\/a>\n     <\/div>\n    \n     \n        <div class=\"column8\">\n       \n\n \n        <a class=\"t5\" onclick=\"topFunction()\" id=\"myBtn\"><img decoding=\"async\" class=\"seta\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/setac-13.png\"> back to the top<\/a> <br>\n        <a class=\"t51\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/cabriz\/\"><img decoding=\"async\" class=\"seta\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\" > next project<\/a>\n   <\/div>\n <\/div>\n<style>\n\n    \/* unvisited link *\/\na:link {\n  color: black;\n    text-decoration: none;\n\n}\n\n\/* visited link *\/\na:visited {\n  color: black;\n   text-decoration: none;\n\n}\n\n\/* mouse over link *\/\na:hover {\n  color: black;\n    text-decoration: none;\n\n}\n\n\/* selected link *\/\na:active {\n  color: grey;\n   text-decoration: none;\n\n   \n}\n\nhtml {\n    line-height: 1.15;\n    text-size-adjust: 100%;\n    scroll-behavior: smooth;\n\n} \n\n.t3{\n  font-size: 50px;\n  font-weight: 700;\n\n  color: black !important;\n   font-family: helvetica;\n  \n} \n\n.t2{\n \n  font-size: 20px;\n  font-weight: 400;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n    hyphens: auto;\n  text-align: justify;\n\n}   \n\n.t1{\n  \n  font-size: 20px;\n  font-weight: 600;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n  hyphens: auto;\n  text-align: justify;\n    \n}  \n\n.t3:hover{\n    color:grey !important;\n}\n\n\n.t5:hover{\n    color:grey;\n} \n\n.t5{\nfont-size: 26px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\n\n \n}\n\n\n.t51{\nfont-size: 26px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\nmargin-top: 10px !important;\n\n}\n\n.t51:hover{\n    color:grey;\n} \n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Code+Pro:wght@500&display=swap');\n\n.rowdk{\n    display:flex;\n    width: 100%;\n \n}\n\n.botoes{\n    display:flex;\n    width: 100%;\n    margin-left: 5%;\n    margin-top: 5%;\n   \n}\n    \n.column5{\nflex-direction: column;\nwidth: 30%;\nmargin-left: 5%;\nmargin-top: 7%;\n}\n\n.column6{\nmargin-top: 7%;\nwidth: 70%;  \nmargin-left: 20%;\nmargin-right: 10%;\n}\n\n.column7{\n    width:80%;\n}\n \n .column8{\n    width:20%;\n    font-size: 5px;\n    float: right;\n    margin-right: 5%;\n    margin-bottom: 15%;\n}  \n\n\n.textoc1{\ndisplay: flex;\nflex-direction: column;\nmargin: 0px 0px 30px 0px !important;\nfont-size: 20px;\nfont-weight: 400;\ncolor: black;\n font-family: 'Noto Sans Mono', monospace;\n}\n\n.identar{\n text-indent: 3px;\n}\n    \n\n.seta{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:6%;\n}\n\n\n.setashop{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:3%;\nmargin-right: 2% !important;\n}\n\n\n.ft{\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-content: flex-end;\n    align-items: flex-end;\n    justify-content: space-between;\n\n\n}\n\n\n\n\n<\/style>\n\n\n\n\n\n<script>\n\/\/Get the button\nvar mybutton = document.getElementById(\"myBtn\");\n\n\/\/ When the user scrolls down 20px from the top of the document, show the button\nwindow.onscroll = function() {scrollFunction()};\n\nfunction scrollFunction() {\n  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {\n    mybutton.style.display = \"block\";\n  } else {\n    mybutton.style.display = \"none\";\n  }\n}\n\n\/\/ When the user clicks on the button, scroll to the top of the document\nfunction topFunction() {\n  document.body.scrollTop = 0;\n  document.documentElement.scrollTop = 0;\n}\n<\/script>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e2aeaee elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e2aeaee\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56e23ab\" data-id=\"56e23ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ef479d elementor-widget elementor-widget-html\" data-id=\"5ef479d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n \n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\n    <div class=\"rowdk1\">\n        \n        \n\n       \n       \n       \n\n \n <p class=\"textoc11\"> \n > project<br><span>BARRANCOA WINE<\/span><br>\n> client<br><span>RIBAFREIXO WINES\n<\/span><br>\n> design year<span>2014<\/span><br>\n> category<br><span>BRAND IDENTITY<br>LABEL & PACKAGING DESIGN<\/span><br>\n> scope of work<br><span>ILLUSTRATION<br>GRAPHIC DESIGN<br>PACKAGING DESIGN<br>PRINT MANAGEMENT<\/span><br>\n> photography<br><span >MIGUEL PINTO FELIX<br>PAULO SERRA<\/span><span >PAULO SERRA<\/span><br>\n> art direction<br><span>MIGUEL PINTO FELIX<\/span><br>\n> design<br><span>IN-HOUSE STUDIO TEAM<\/span> <\/p>\n\n\n  \n \n\n\n   <div class=\"column77\">\n   \n     <a class=\"t33\" href=\"\"><img decoding=\"async\" class=\"\" src=\"\"><\/a>\n     <\/div>\n    \n     \n        <div class=\"column88\">\n       \n\n \n        <a class=\"t55\" onclick=\"topFunction()\" id=\"myBtn\"><img decoding=\"async\" class=\"seta1\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/05\/setac-13.png\"> back to the top<\/a> <br>\n        <a class=\"t511\" href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/cabriz\/\"><img decoding=\"async\" class=\"seta1\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2022\/04\/seta-4.png\" > next project<\/a>\n\n <\/div>\n  <\/div>\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Mono:wght@400;600&display=swap');\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');\n\n\nhtml {\n    line-height: 1.15;\n    text-size-adjust: 100%;\n    scroll-behavior: smooth;\n\n} \n\n.t33{\n  font-size: 30px;\n  font-weight: 700;\n  color: black !important;\n   font-family: helvetica;\n  \n} \n\n.t22{\n margin-bottom: 15% !important;\n  font-size: 15px;\n  font-weight: 400;\n  color: black !important;\n  font-family: 'Noto Sans Mono', monospace;\n  hyphens: auto;\n  text-align: justify;\n\n}   \n\n.t11{\n  font-size: 15px;\n  font-weight: 600;\n  color: black;\n font-family: 'Noto Sans Mono', monospace;\n  hyphens: auto;\n  text-align: justify;\n\n}  \n\n\n.t55{\nfont-size: 15px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\n\n \n}\n\n\n.t511{\nfont-size: 15px;\ncolor:black;\nfont-family: 'Old Standard TT', serif;\ncursor: pointer;\nfont-weight: 400;\nfont-style: italic;\nmargin-top: 10px !important;\n\n}\n\n\n.rowdk1{\nwidth: 100%;\nmargin-top: 15%;\n}\n\n.column55{\nflex-direction: column;\nwidth: 100%;\nmargin-left: 5%;\nmargin-top: 7%;\n\n}\n\n.column66{\nmargin-top: 7%;\nwidth: 100%;  \nmargin-left: 20%;\nmargin-right: 10%;\n}\n\n.column77{\nwidth:100%;\nmargin-top: 15%;\n}\n \n.column88{\nwidth:100%;\nfont-size: 25px;\nmargin-top: 15%;\nmargin-bottom: 15%;\n}  \n\n\n.textoc11{\ndisplay: flex;\nflex-direction: column;\nmargin: 0px 0px 30px 0px !important;\nfont-size: 15px;\nfont-weight: 400;\ncolor: black;\n font-family: 'Noto Sans Mono', monospace;\n}\n\n.identar{\nmargin-left: 6%;\n}\n   \n\n.seta1{\n    \ndisplay: inline-block;\npadding: 0px !important;\nmargin: 0px !important;  \nwidth:4%;\n}\n\n\n.setashop1{\n    \ndisplay: inline-block;\nwidth:8%;\nmargin-right: 5%;\n\n}\n\n\n\n.t55:hover{\n    color:grey;\n} \n\n.t511:hover{\n    color:grey;\n} \n\n\n@media (min-width:320px)  { \/* smartphones, iPhone, portrait 480x320 phones *\/ }\n@media (min-width:481px)  { \/* portrait e-readers (Nook\/Kindle), smaller tablets @ 600 or @ 640 wide. *\/ }\n@media (min-width:641px)  { \/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones *\/ \n    \n  .identar{\nmargin-left: 2%;\n}\n    \n .rowdk1{\nwidth: 100%;\npadding: 5%;\nmargin-top: 5%;\n}  \n\n.seta1{\n    \nwidth:2%;\n}\n\n\n.setashop1{\n    \ndisplay: inline-block;\nwidth:4.5%;\nmargin-right: 2%;\n\n}\n\n.t511{\n\nmargin-top: 2%;\n}\n    \n.column88{\nmargin-left: 0%;\n\n}     \n\n.seta1{\n    \n\npadding: 0px !important;\nmargin: 0px !important;  \n}\n    \n    \n\n    \n}\n@media (min-width:961px)  { \/* tablet, landscape iPad, lo-res laptops ands desktops *\/ }\n@media (min-width:1025px) { \/* big landscape tablets, laptops, and desktops *\/\n\n}\n@media (min-width:1281px) { \/* hi-res laptops and desktops *\/ }\n\n\n\n<\/style>\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba1c938 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"ba1c938\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6952cf\" data-id=\"b6952cf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb1def6 elementor-widget elementor-widget-html\" data-id=\"bb1def6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\r\n\r\n<style>\r\n.mp1 img {\r\n      margin-left:26% !important;\r\n     width: 67%;\r\n      \r\n  }\r\n  .work1 img {\r\n      margin-left:55.1%;\r\n      width: 28%;\r\n      \r\n      \r\n  }\r\n  .archive1 img {\r\n      margin-left: 54.7%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 39%;\r\n     \r\n  }\r\n   .contact1 img {\r\n      margin-left: 51.6%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 41%;\r\n   \r\n      \r\n  }\r\n   .shop1 img {\r\n      margin-left: 62.3%;\r\n      margin-top: 2%;\r\n      opacity: 0.5;\r\n      width: 27%;\r\n    \r\n  }\r\n    \r\n.fixo1{\r\n position:fixed;\r\n top:15%;\r\n z-index: 1;\r\n width:30%;\r\n height:100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n   \r\n\r\nhtml{\r\nheight:auto;\r\n}\r\nbody{\r\nheight:auto;   \r\n}\r\n\r\n \r\n.conta p {\r\ndisplay: none;\r\n} \r\n   \r\n    \r\n<\/style>\r\n<\/head>\r\n<body>\r\n    \r\n    <div class=\"conta\"><p id=\"scrollId\"> <\/p> \r\n<\/div>\r\n\r\n<div class=\"fixo1\">\r\n<div class=\"mp1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-16.png\" id=\"img1\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/mpfxdesign\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-16.png\" id=\"img2\" style=\"display:none;\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"work1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-17.png\" id=\"img3\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/work\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-17.png\" id=\"img4\" style=\"display:none;\"><\/a>    \r\n<\/div>\r\n\r\n<div class=\"archive1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-18.png\" id=\"img5\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/archive\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-18.png\" id=\"img6\" style=\"display:none;\"><\/a>        \r\n<\/div>\r\n\r\n<div class=\"contact1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-19.png\" id=\"img7\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/contact\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-19.png\" id=\"img8\" style=\"display:none;\"><\/a>      \r\n<\/div>\r\n\r\n\r\n<div class=\"shop1\">\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-20.png\" id=\"img9\"><\/a>\r\n<a href=\"https:\/\/www.mpfxdesign.com\/site\/home\/shop\/\"><img decoding=\"async\" src=\"https:\/\/www.mpfxdesign.com\/site\/wp-content\/uploads\/2021\/03\/branco-20.png\" id=\"img10\" style=\"display:none;\"><\/a>    \r\n<\/div>\r\n\r\n   <\/div> \r\n \r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\r\n \r\n<script type=\"text\/javascript\">\r\n\r\n\/\/ esconder ao carregar (e inline css)\r\n$(document).on('ready', function() {\r\n    $('#img2').hide();\r\n    $('#img4').hide();\r\n    $('#img6').hide();\r\n    $('#img8').hide();\r\n    $('#img10').hide();\r\n})\r\n\r\n\/\/ quando se faz scroll\r\n$(window).on('scroll', function(){\r\n    var s = $(window).scrollTop(),\r\n    d = $(document).height(),\r\n    c = $(window).height();\r\n \r\n    var scrollPercent = (s \/ (d - c)) * 100;\r\n    document.getElementById('scrollId').innerHTML = scrollPercent;\r\n    \r\n    console.log(scrollPercent); \/\/Displaying scroll percentage in console\r\n \r\nif(scrollPercent  < 15){\r\n\r\n    $('#img1').show();\r\n    $('#img2').hide();\r\n    $('#img3').show();\r\n    $('#img4').hide();\r\n    $('#img5').show();\r\n    $('#img6').hide();\r\n    $('#img7').show();\r\n    $('#img8').hide();\r\n    $('#img9').show();\r\n    $('#img10').hide();\r\n    \r\n\r\n} else if(scrollPercent > 16 && scrollPercent < 50 ){\r\n\r\n    $('#img1').hide();\r\n    $('#img2').show();\r\n    $('#img3').hide();\r\n    $('#img4').show();\r\n    $('#img5').hide();\r\n    $('#img6').show();\r\n    $('#img7').hide();\r\n    $('#img8').show();\r\n    $('#img9').hide();\r\n    $('#img10').show();\r\n\r\n}\r\n\r\n \r\n})\r\n<\/script>\r\n    \r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>> projectBARRANCOA WINE > clientRIBAFREIXO WINES > design year2014 > categoryBRAND IDENTITYLABEL &#038; PACKAGING DESIGN > scope of workILLUSTRATIONGRAPHIC DESIGNPACKAGING DESIGNPRINT MANAGEMENT > photographyMIGUEL PINTO FELIXPAULO SERRA > art directionMIGUEL PINTO FELIX > designIN-HOUSE STUDIO TEAM back to the top next project > projectBARRANCOA WINE > clientRIBAFREIXO WINES > design year2014 > categoryBRAND IDENTITYLABEL &#038;&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5875,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11557","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/11557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/comments?post=11557"}],"version-history":[{"count":223,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/11557\/revisions"}],"predecessor-version":[{"id":25723,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/11557\/revisions\/25723"}],"up":[{"embeddable":true,"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/pages\/5875"}],"wp:attachment":[{"href":"https:\/\/www.mpfxdesign.com\/site\/wp-json\/wp\/v2\/media?parent=11557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}