Landing Page - Illume by Paul Reynolds

@media (max-width:767px){.flo-header-mobile__logo{max-width:5rem}.flo-header-mobile{background-color:#f2f3f3;color:#000000}.is-sticky .flo-header-mobile{background-color:#f2f3f3;color:#000000}}

.flo-block-title-3--177 .flo-block-title-3__title{font-family:Cammron Regular;font-size:1.25rem;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-block-title-3--177 .flo-block-title-3__title{font-size:1.75rem}}.flo-block-title-3--177{color:#000000}

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

Landing Page Example

.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-pretitle{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-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-pretitle{font-size:0.7rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-pretitle{font-size:0.375rem}}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-title{font-family:Cammron Regular;font-size:1.75rem;letter-spacing:0.09em;word-spacing:0em;line-height:1.27em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-title{font-size:1.8rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-title{font-size:1.4375rem}}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-text{font-family:Arapey Regular;font-size:0.6875rem;letter-spacing:0.37em;word-spacing:0em;line-height:1.96em;text-transform:uppercase;font-weight:normal;font-style:italic}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-text{font-size:0.9625rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-text{font-size:0.625rem}}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-pretitle{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-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-pretitle{font-size:0.7rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-pretitle{font-size:0.375rem}}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-title{font-family:Cammron Regular;font-size:1.75rem;letter-spacing:0.09em;word-spacing:0em;line-height:1.27em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-title{font-size:1.8rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-title{font-size:1.4375rem}}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-text{font-family:Arapey Regular;font-size:0.6875rem;letter-spacing:0.37em;word-spacing:0em;line-height:1.96em;text-transform:uppercase;font-weight:normal;font-style:italic}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-text{font-size:0.9625rem}}@media screen and (max-width:767px){.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-text{font-size:0.625rem}}.flo-block-featured-links-3{background-color:}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left{color:#f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__text-wrap:hover{color:#000000}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right{color:#f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__text-wrap:hover{color:#000000}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-button{background-color:transparent!important}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__link-button:hover{background-color:#000000!important;color:#f2f3f3!important}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-button{background-color:transparent!important}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__link-button:hover{background-color:#000000!important;color:#f2f3f3!important}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__text-wrap{border:1px solid #f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__text-wrap{border:1px solid #f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__text-wrap:hover{background-color:#f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__text-wrap:hover{background-color:#f2f3f3}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--left .flo-block-featured-links-3__text-wrap:hover .flo-block-featured-links-3__link-button{border-color:#000000}.flo-block-featured-links-3--462 .flo-block-featured-links-3__link--right .flo-block-featured-links-3__text-wrap:hover .flo-block-featured-links-3__link-button{border-color:#000000}

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

EDITORIAL

WEBSITE ONE

In hac habitasse platea dictumst. Aenean dapibus at arcu sit amet aliquam.

CONTINUE

WEDDING

WEBSITE TWO

In hac habitasse platea dictumst. Aenean dapibus at arcu sit amet aliquam.

CONTINUE

.flo-block-button--559 .flo-block-button__button{font-family:Arapey 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-button--559 .flo-block-button__button{font-size:0.9625rem}}.flo-block-button--559 .flo-block-button__button{color:#f2f3f3;background-color:#000000}.flo-block-button--559 .flo-block-button__button:hover{color:#000000;background-color:#f2f3f3}

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

BACK TO HOME

@media (max-width:767px){.flo-mobile-menu{background-color:#ffffff;color:#000000}.flo-mobile-menu__menu li ul{color:#969696}.flo-mobile-menu__menu-dropdown-toggle:before, .flo-mobile-menu__menu-dropdown-toggle:after{background-color:#969696}.flo-mobile-menu__menu > li{border-bottom-color:rgba(150,150,150,0.2)!important}.flo-mobile-menu__close{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-mobile-menu__close{font-size:0.7rem}}@media screen and (max-width:767px){.flo-mobile-menu__close{font-size:0.375rem}}}

.flo-header__menu-popup{background-color:#f2f3f3;color:#000000}.flo-header__menu-popup-logo-wrap{margin-bottom:10rem}.flo-header__menu-popup .flo-header__menu li ul{background-color:#000000!important}.flo-header__menu-popup .flo-header__menu li ul a{color:#f2f3f3!important}.flo-header__menu-popup .flo-header__menu li ul li > a:before{background-color:#f2f3f3!important}