.flo-header-mobile__logo{max-width:10rem}.flo-header-mobile{background-color:#FFFFFF;color:#3f3f3f}.flo-header-mobile:not(.not-sticky){background-color:#FFFFFF;color:#3f3f3f}

@media (min-width:1025px){.html--style-fixed .flo-block:not(.flo-block--full-width), .html--style-fixed .flo-footer > *{padding-left:calc((100vw - 61.88rem) / 2);padding-right:calc((100vw - 61.88rem) / 2)}html.html--style-fixed{font-size:19.07px}}

header:not(.is-sticky) .flo-header--252{color:#404040;border-color:rgba(64,64,64,0.1)}header:not(.is-sticky) .flo-header--252{background-color:#FFFFFF}header:not(.is-sticky) .flo-header--252 .flo-header__menu > ul > li > a{color:#404040}header:not(.is-sticky) .flo-header--252.flo-header{padding-top:1.875rem;padding-bottom:1.875rem}.flo-header--sticky .is-sticky .flo-header--252{background-color:rgba(250,248,248,1);color:#404040!important;border-color:rgba(64,64,64,0.1)}

.flo-header--252 .flo-header__social-links a{font-family:PlayfairDisplay Italic;font-size:0.875rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:lowercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__social-links a{font-size:1.3125rem}}@media screen and (max-width:767px){.flo-header--252 .flo-header__social-links a{font-size:0.875rem}}

.flo-header--252 .flo-header__logo{font-family:LibreCaslonDisplay Regular;font-size:1.625rem;letter-spacing:0em;word-spacing:0em;line-height:1.2em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__logo{font-size:1.8rem}}@media (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__logo{max-width:12.5rem}}@media (min-width:1025px){.flo-header--252 .flo-header__logo{max-width:19.375rem}}

.flo-header--252 .flo-header__search-form-input{font-family:LibreCaslonDisplay Regular;font-size:0.6875rem;letter-spacing:0.04em;word-spacing:0.02em;line-height:2.42em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__search-form-input{font-size:1.03125rem}}@media screen and (max-width:767px){.flo-header--252 .flo-header__search-form-input{font-size:0.6875rem}}.flo-header--252 .flo-header__search-form{background-color:#FFFFFF;color:#404040;border-color:rgba(64,64,64,0.1)}.flo-header--252 .flo-header__menu > div > ul > li > a{font-family:LibreCaslonDisplay Regular;font-size:0.6875rem;letter-spacing:0.04em;word-spacing:0.02em;line-height:2.42em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__menu > div > ul > li > a{font-size:1.03125rem}}@media screen and (max-width:767px){.flo-header--252 .flo-header__menu > div > ul > li > a{font-size:0.6875rem}}.flo-header--252 .flo-header__menu .sub-menu a{font-family:LibreCaslonDisplay Regular;font-size:0.6875rem;letter-spacing:0.04em;word-spacing:0.02em;line-height:2.42em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--252 .flo-header__menu .sub-menu a{font-size:1.03125rem}}@media screen and (max-width:767px){.flo-header--252 .flo-header__menu .sub-menu a{font-size:0.6875rem}}.flo-header--252 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--252 .flo-header__menu .sub-menu li.current-menu-parent a{}.flo-header--252 .flo-header__menu ul ul{background-color:#faf8f8}.flo-header--252 .flo-header__menu ul ul:after{border-color:transparent transparent #faf8f8 transparent!important}.flo-header--252 .flo-header__menu ul ul a{color:#3f3f3f!important}.flo-header--252 .flo-header__menu li ul li > a:before{background-color:#3f3f3f}

Category: Interactive

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

.flo-block-listing-5--503 .flo-block-listing-5__title{font-family:'Raleway', sans-serif, 'google';font-size:0.875rem;letter-spacing:0em;word-spacing:0.09em;line-height:1.47em;text-transform:uppercase;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--503 .flo-block-listing-5__title{font-size:1.3125rem}}@media screen and (max-width:767px){.flo-block-listing-5--503 .flo-block-listing-5__title{font-size:0.875rem;line-height:1.47em}}.flo-block-listing-5--503 .flo-block-listing-5__category{font-family:'Rosarivo', serif, 'google';font-size:0.625rem;letter-spacing:0.07em;word-spacing:0.09em;line-height:1em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--503 .flo-block-listing-5__category{font-size:0.9375rem}}@media screen and (max-width:767px){.flo-block-listing-5--503 .flo-block-listing-5__category{font-size:0.5625rem}}.flo-block-listing-5--503 .flo-block-listing-5__overlay{font-family:'Rosarivo', serif, 'google';font-size:0.625rem;letter-spacing:0.07em;word-spacing:0.09em;line-height:1em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--503 .flo-block-listing-5__overlay{font-size:0.9375rem}}@media screen and (max-width:767px){.flo-block-listing-5--503 .flo-block-listing-5__overlay{font-size:0.5625rem}}.flo-block-listing-5--503 .flo-block-listing-5__overlay{color:#404040;background-color:#FFFFFF;background-image:url()}.flo-block-listing-5--503 .flo-block-listing-5__text-area{color:#404040}@media (max-width:767px){.flo-block-listing-5--503 .flo-block-listing-5__featured-image--bgi{height:300px}}@media (min-width:768px){.flo-block-listing-5--503 .flo-block-listing-5__item{width:calc(100% / 3);padding:1.375rem}.grid-sizer{width:calc(100% / 3)}.flo-block-listing-5--503{margin:-1.375rem}}

READ THE STORY Interactive

Ethiclo | Mobile App Concept and Design

@media (max-width:767px){.flo-mobile-menu{background-color:#faf8f8;color:#404040}.flo-mobile-menu__menu > li{border-bottom-color:rgba(64,64,64,0.15)!important}.flo-mobile-menu__menu-dropdown-toggle{color:rgba(64,64,64,0.15)!important}}