Portfolio 2 - grid with text hover | La Bohème

@media (max-width:767px){.flo-block--4840{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--4840{margin-top:0rem;margin-bottom:0rem}}

.flo-header--195 .flo-header__menu > div > ul > li > a{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--195 .flo-header__menu > div > ul > li > a{font-size:0.7rem}}@media screen and (max-width:767px){.flo-header--195 .flo-header__menu > div > ul > li > a{font-size:0.375rem;line-height:2.34em}}.flo-header--195 .flo-header__menu > div > ul > li.current-menu-item > a, .flo-header--195 .flo-header__menu > div > ul > li.current-menu-parent > a{}.flo-header--195 .flo-header__menu .sub-menu a{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--195 .flo-header__menu .sub-menu a{font-size:0.7rem}}@media screen and (max-width:767px){.flo-header--195 .flo-header__menu .sub-menu a{font-size:0.375rem;line-height:2.34em}}.flo-header--195 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--195 .flo-header__menu .sub-menu li.current-menu-parent a{}.flo-header--195.flo-header--type-c .flo-header__menu ul.menu > li, .flo-header--195.flo-header--type-e .flo-header__menu ul.menu > li{margin-left:4.3125rem}.flo-header--195.flo-header--type-d .flo-header__menu ul.menu > li, .flo-header--195.flo-header--type-f .flo-header__menu ul.menu > li{margin-right:4.3125rem}header:not(.is-sticky) .flo-header--195{color:#020000;border-color:rgba(2,0,0,0.1);padding-top:0.625rem;padding-bottom:0.625rem}header:not(.is-sticky) .flo-header--195 .flo-header--type-a .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--195 .flo-header--type-b .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--195 .flo-header--type-g .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--195 .flo-header--type-h .flo-header__menu ul.menu li{border-color:rgba(2,0,0,0.1)}header:not(.is-sticky) .flo-header--195{background-color:#ffffff}header:not(.is-sticky) .flo-header--195 .flo-header__menu > ul > li > a{color:#020000}.flo-header--sticky .is-sticky .flo-header--195{background:rgba(255,255,255,1);color:#020000!important;border-color:rgba(2,0,0,0.1)}

.flo-header--195 .flo-header__logo{font-family:Calluna-Regular;font-size:1.875rem;letter-spacing:0.07em;word-spacing:0em;line-height:1.27em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-header--195 .flo-header__logo{font-size:1.625rem;line-height:1.27em}}@media (min-width:768px) and (max-width:1024px){.flo-header--195 .flo-header__logo{max-width:8.125rem}}@media (min-width:1025px){.flo-header--195 .flo-header__logo{max-width:8.125rem}}

.flo-block-title-4--577 .flo-block-title-4__title{font-family:Calluna-Regular;font-size:1.625rem;letter-spacing:0.03em;word-spacing:0em;line-height:1.27em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-title-4--577 .flo-block-title-4__title{font-size:1.8rem}}@media screen and (max-width:767px){.flo-block-title-4--577 .flo-block-title-4__title{font-size:1.4375rem;line-height:1.27em}}.flo-block-title-4--577 .flo-block-title-4__subtitle{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-title-4--577 .flo-block-title-4__subtitle{font-size:0.7rem}}@media screen and (max-width:767px){.flo-block-title-4--577 .flo-block-title-4__subtitle{font-size:0.375rem;line-height:2.34em}}.flo-block-title-4--577{color:#020000}.flo-block-title-4--577 .flo-block-title-4__title{margin-right:-0.03em}

@media (max-width:767px){.flo-block--2437{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--2437{margin-top:-3.125rem;margin-bottom:-1.875rem}}

PORTFOLIO

OUR FAVORITE PROJECTS

@media (max-width:767px){.flo-block--7641{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7641{margin-top:0rem;margin-bottom:0rem}}

.flo-block-listing-2--268 .flo-block-listing-2__title{font-family:Calluna-Regular;font-size:1.875rem;letter-spacing:0.07em;word-spacing:0em;line-height:1.27em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-block-listing-2--268 .flo-block-listing-2__title{font-size:1.625rem;line-height:1.27em}}.flo-block-listing-2--268 .flo-block-listing-2__date-and-category{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-2--268 .flo-block-listing-2__date-and-category{font-size:0.7rem}}@media screen and (max-width:767px){.flo-block-listing-2--268 .flo-block-listing-2__date-and-category{font-size:0.375rem;line-height:2.34em}}.flo-block-listing-2--268 .flo-block-listing-2__link{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-2--268 .flo-block-listing-2__link{font-size:0.7rem}}@media screen and (max-width:767px){.flo-block-listing-2--268 .flo-block-listing-2__link{font-size:0.375rem;line-height:2.34em}}.flo-block-listing-2--268 .flo-block-listing-2__overlay{background-color:rgba(77,44,25,0.83);color:#ffffff}@media (max-width:767px){.flo-block-listing-2--268 .flo-block-listing-2__item{margin-bottom:1.25rem}.flo-block-listing-2--268 .flo-block-listing-2__overlay{background-color:#4d2c19;color:#ffffff}.flo-block-listing-2--268 .flo-block-listing-2__mobile-disabled{display:none}}@media (min-width:768px){.flo-block-listing-2--268 .flo-block-listing-2__item{width:calc(100% / 2 - 1.25rem - 0.1rem);margin:0.625rem}.flo-block-listing-2--268.flo-block-listing-2{margin-left:-1.25rem;margin-right:-1.25rem}}

POSTBODA EN CORREDOR VERDE

PREBODA EN PAMPLONA

PREBODA EN INTERIOR

El valor de tus recuerdos

PREBODA EN LA PLAYA DE LA CALETA

PREBODA EN MANCHESTER

THE BEST

POSTBODA EN LAS PLAYAS DE TENERIFE

POSTBODA EN LA PLAYITA, EL BOSQUE

POSTBODA EN BERLÍN

.flo-block-listing-pagination--423 .flo-block-listing-pagination__page-links{font-family:Calluna-Regular;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:1.9em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-pagination--423 .flo-block-listing-pagination__page-links{font-size:0.9625rem}}@media screen and (max-width:767px){.flo-block-listing-pagination--423 .flo-block-listing-pagination__page-links{font-size:0.6875rem;line-height:1.9em}}.flo-block-listing-pagination--423 .flo-block-listing-pagination__navigation{font-family:Calluna-Regular;font-size:0.6875rem;letter-spacing:0.4em;word-spacing:0em;line-height:1.9em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-pagination--423 .flo-block-listing-pagination__navigation{font-size:0.9625rem}}@media screen and (max-width:767px){.flo-block-listing-pagination--423 .flo-block-listing-pagination__navigation{font-size:0.6875rem;line-height:1.9em}}.flo-block-listing-pagination--423{color:#020000}.flo-block-listing-pagination--423 .flo-block-listing-pagination__element-name{}

@media (max-width:767px){.flo-block--4129{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--4129{margin-top:0rem;margin-bottom:0rem}}

1 2 3 4

.flo-footer--677 .flo-footer-area-1-type-b__feed-title{font-family:Calluna-Regular;font-size:0.9375rem;letter-spacing:0em;word-spacing:0em;line-height:1.49em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-footer--677 .flo-footer-area-1-type-b__feed-title{font-size:1.3125rem}}@media screen and (max-width:767px){.flo-footer--677 .flo-footer-area-1-type-b__feed-title{font-size:0.9375rem;line-height:1.49em}}.flo-footer--677 .flo-footer-area-1-type-b__feed-label{font-family:Calluna-Regular;font-size:0.4375rem;letter-spacing:0.37em;word-spacing:0em;line-height:2.25em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-footer--677 .flo-footer-area-1-type-b__feed-label{font-size:0.6125rem}}@media screen and (max-width:767px){.flo-footer--677 .flo-footer-area-1-type-b__feed-label{font-size:0.4375rem;line-height:2.25em}}.flo-footer--677 .flo-footer-area-1-type-b__info-area-title{font-family:Calluna-Regular;font-size:0.9375rem;letter-spacing:0em;word-spacing:0em;line-height:1.49em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-footer--677 .flo-footer-area-1-type-b__info-area-title{font-size:1.3125rem}}@media screen and (max-width:767px){.flo-footer--677 .flo-footer-area-1-type-b__info-area-title{font-size:0.9375rem;line-height:1.49em}}.flo-footer--677 .flo-footer-area-1-type-b__info-area-text{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-footer--677 .flo-footer-area-1-type-b__info-area-text{font-size:0.7rem}}@media screen and (max-width:767px){.flo-footer--677 .flo-footer-area-1-type-b__info-area-text{font-size:0.375rem;line-height:2.34em}}.flo-footer--677 .flo-footer-area-1-type-b{color:#4d2c19;background-color:#ffffff;border-color:rgba(77,44,25,0.2)}

.flo-footer--677 .flo-footer-copyrights-area-type-b__copyright-notice{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-footer--677 .flo-footer-copyrights-area-type-b__copyright-notice{font-size:0.7rem}}@media screen and (max-width:767px){.flo-footer--677 .flo-footer-copyrights-area-type-b__copyright-notice{font-size:0.375rem;line-height:2.34em}}.flo-footer--677 .flo-footer-copyrights-area-type-b{color:#4d2c19;background-color:#ffffff}