Portfolio 4 – grid with feature

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

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

.flo-header--523 .flo-header__menu > div > ul > li > a{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}.flo-header--523 .flo-header__menu > div > ul > li.current-menu-item > a, .flo-header--523 .flo-header__menu > div > ul > li.current-menu-parent > a{text-decoration:underline}.flo-header--523 .flo-header__menu .sub-menu a{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}.flo-header--523 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--523 .flo-header__menu .sub-menu li.current-menu-parent a{text-decoration:underline}.flo-header--523.flo-header--type-c .flo-header__menu ul.menu > li, .flo-header--523.flo-header--type-e .flo-header__menu ul.menu > li{margin-left:9.0625rem}.flo-header--523.flo-header--type-d .flo-header__menu ul.menu > li, .flo-header--523.flo-header--type-f .flo-header__menu ul.menu > li{margin-right:9.0625rem}header:not(.is-sticky) .flo-header--523{color:#585858;border-color:rgba(88,88,88,0.1);padding-top:1.875rem;padding-bottom:1.875rem}header:not(.is-sticky) .flo-header--523 .flo-header--type-a .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--523 .flo-header--type-b .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--523 .flo-header--type-g .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--523 .flo-header--type-h .flo-header__menu ul.menu li{border-color:rgba(88,88,88,0.1)}header:not(.is-sticky) .flo-header--523{background-color:#ffffff}header:not(.is-sticky) .flo-header--523 .flo-header__menu > ul > li > a{color:#585858}.flo-header--sticky .is-sticky .flo-header--523{background:rgba(255,255,255,1);color:#585858!important;border-color:rgba(88,88,88,0.1)}

@media (min-width:768px){.flo-header--523 .flo-header__menu{width:calc(100% - (5.625rem / 2) )}.flo-header--523 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form,.flo-header--523 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form .flo-header__search-form-input{background-color:#ffffff!important}.flo-header--523 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form:before{border-bottom-color:#ffffff!important}}

.flo-header--523 .flo-header__logo{font-family:Butler Regular;font-size:1.625rem;letter-spacing:0.38em;word-spacing:0em;line-height:1.76em;text-transform:none;font-weight:normal}@media (min-width:768px) and (max-width:1024px){.flo-header--523 .flo-header__logo{max-width:5.625rem}}@media (min-width:1025px){.flo-header--523 .flo-header__logo{max-width:5.625rem}}

.flo-header--523 .flo-header__social-links a{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}

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

.flo-block-listing-4--290 .flo-block-listing-4__big-item-title{font-family:Cormorant Medium;font-size:1.4375rem;letter-spacing:0.02em;word-spacing:0em;line-height:1.39em;text-transform:none;font-weight:normal}.flo-block-listing-4--290 .flo-block-listing-4__big-item-category{font-family:Pinyon Script Regular;font-size:1.875rem;letter-spacing:0em;word-spacing:0em;line-height:0.83em;text-transform:none;font-weight:normal}.flo-block-listing-4--290 .flo-block-listing-4__big-item-decorative-letter{font-family:Pinyon Script Regular;font-size:5.625rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-listing-4--290 .flo-block-listing-4__big-item-decorative-letter{font-size:5.625rem;line-height:1.3em}}.flo-block-listing-4--290 .flo-block-listing-4__big-item-tags{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}.flo-block-listing-4--290 .flo-block-listing-4__big-item-link{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}.flo-block-listing-4--290 .flo-block-listing-4__small-item-title{font-family:Butler Regular;font-size:0.75rem;letter-spacing:0.15em;word-spacing:0em;line-height:1.9em;text-transform:none;font-weight:normal}.flo-block-listing-4--290 .flo-block-listing-4__top-wrap{margin-bottom:2.625rem}.flo-block-listing-4--290 .flo-block-listing-4__item--big{color:#303030;border-color:#303030}.flo-block-listing-4--290 .flo-block-listing-4__big-item-link:hover{color:#ffffff;background-color:#303030}.flo-block-listing-4--290 .flo-block-listing-4__big-item-overlay{background-color:#ffffff}.flo-block-listing-4--290 .flo-block-listing-4__big-item-decorative-letter{font-size:12.5rem;color:rgba(48,48,48,0.1)}.flo-block-listing-4--290 .flo-block-listing-4__small-item-overlay{color:#303030;background-color:#ffffff}.flo-block-listing-4--290 .flo-block-listing-4__small-item-title{color:#303030}@media (max-width:767px){.flo-block-listing-4--290 .flo-block-listing-4__item{margin-bottom:2.625rem}.flo-block-listing-4--290 .flo-block-listing-4__mobile-disabled{display:none}}@media (min-width:768px){.flo-block-listing-4--290 .flo-block-listing-4__bottom-wrap .flo-block-listing-4__item--small{width:calc(100% / 4 - 1.96875rem);margin-right:2.625rem;margin-bottom:2.625rem}.flo-block-listing-4--290 .flo-block-listing-4__top-wrap-right-side .flo-block-listing-4__item--small{width:calc(100% / 2 - 1.3125rem);margin-right:2.625rem;margin-bottom:2.625rem}.flo-block-listing-4--290 .flo-block-listing-4__top-wrap-left-side{width:calc(50% - 1.3125rem)}.flo-block-listing-4--290 .flo-block-listing-4__top-wrap-right-side{width:calc(50% - 1.3125rem)}}

Presets

LAPSET

VAUVAT

GALLERY A

MAMALOVE

GALLERY C

GALLERY D

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

.flo-mobile-menu{background-image:url(https://susannahynynen.fi/wp-content/uploads/2017/11/28-3550-pp_gallery/odotus-5.jpg)}.flo-mobile-menu:before{background-color:rgba(48,48,48,0.82)}

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

Presets

PERHEET

LAPSET

VAUVAT

GALLERY A

MAMALOVE

GALLERY C

GALLERY D