/* Feature wrapper */ #feature-wrapper.fh2 {overflow-x: hidden; background-color: #fff;} #feature-wrapper.fh2 .appstore {background-image: url(/filemaker/go/images/image_app-store_en.svg); background-position: left; background-repeat: no-repeat; background-size: contain; width: 169px; height: 57px; } #feature-wrapper .row-flex {flex-direction: row-reverse; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #feature-wrapper .row-flex .column.image {height: 433px;} #feature-wrapper .img-feature-graphic {background-image: url(/filemaker/go/images/feature-graphic.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 702px; position: absolute; right: -120px;} #feature-wrapper .fmgo-logo-mobile {display: none;} #feature-wrapper.fh2 .appstore.de {background-image: url(/filemaker/go/images/image_app-store_de.svg);} #feature-wrapper.fh2 .appstore.es {background-image: url(/filemaker/go/images/image_app-store_es.svg);} #feature-wrapper.fh2 .appstore.fr {background-image: url(/filemaker/go/images/image_app-store_fr.svg);} #feature-wrapper.fh2 .appstore.it {background-image: url(/filemaker/go/images/image_app-store_it.svg);} #feature-wrapper.fh2 .appstore.ja {background-image: url(/filemaker/go/images/image_app-store_ja.svg);} #feature-wrapper.fh2 .appstore.ko {background-image: url(/filemaker/go/images/image_app-store_ko.svg);} #feature-wrapper.fh2 .appstore.nl {background-image: url(/filemaker/go/images/image_app-store_nl.svg);} #feature-wrapper.fh2 .appstore.pt {background-image: url(/filemaker/go/images/image_app-store_pt.svg);} #feature-wrapper.fh2 .appstore.sv {background-image: url(/filemaker/go/images/image_app-store_sv.svg);} #feature-wrapper.fh2 .appstore.zh {background-image: url(/filemaker/go/images/image_app-store_zh.svg);} /* SMALL SCREENS */ @media only screen and (max-width: 1068px) { #feature-wrapper.fh2 {text-align: center; background-image: url(/filemaker/go/images/feature-graphic_mobile_2x.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 700px;} #feature-wrapper .row-flex {flex-direction: column-reverse;} #feature-wrapper .row-flex .column.image {display:none;} #feature-wrapper .fmgo-logo-mobile {display: block; width: 93px; height: 93px; background-image: url(/filemaker/go/images/icon_fmgo.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto; margin-bottom: 12px;} #feature-wrapper.fh2 h1 {margin-bottom: 24px;} #feature-wrapper .fh2 a {margin-top: 24px;} /*#feature-wrapper .row-flex .column.image {height: 337px;} #feature-wrapper .img-feature-graphic {right: 50%; margin-top: 40px; margin-right: -273px; height: 337px; width: 545px;}*/ } @media only screen and (max-width: 735px) { #feature-wrapper.fh2 {min-height: auto;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #feature-wrapper .img-feature-graphic {background-image: url(/filemaker/go/images/feature-graphic_2x.jpg);} #feature-wrapper .fmgo-logo-mobile {background-image: url(/filemaker/go/images/icon_fmgo_2x.jpg);} } /* Be more productive anywhere */ #productive.d10.image-text .column-flex:first-child {background-image: url(/filemaker/go/images/image_productive.jpg);background-size: cover;} #productive.d10.image-text .column-flex:last-child {flex-grow: 1;} @media only screen and (max-width: 1068px) { #productive.d10.image-text .column-flex:last-child {padding: 80px 0px} #productive.d10.image-text .column-flex:last-child .column-content {max-width: 60%;} #productive.d10.timage-text .column-flex:first-child {min-height: 400px;} #productive .row-flex .column-2 {width: 100%} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #productive.d10.image-text .column-flex:first-child {background-image: url(/filemaker/go/images/image_productive_2x.jpg);} } /* Braun Electric */ #braun-electric {overflow-x:hidden;} #braun-electric .section {position: relative;} #braun-electric .accent-before:before {background-size: 64px 64px; width: 64px; height: 64px; left: 0px; margin-bottom: -16px;} #braun-electric .row .large-12 {padding: 40px 10%;} #braun-electric figure {text-align: center;} #braun-electric blockquote {margin-bottom: 32px; quotes: "\201C""\201D""\2018""\2019";} #braun-electric blockquote:before {content: open-quote;} #braun-electric blockquote:after {content: close-quote;} #braun-electric cite {display: block; font-weight: 500; margin-bottom: 32px;} #braun-electric cite span {display: block; font-weight: 300;} #braun-electric .full-green-btn {min-width: 160px;} svg.shape {bottom: 0px; position: absolute; right: 0px; margin-right: -45px;} svg.shape .g1{transform: translate(0px, 190px)} svg.shape .semicircle{transform: rotate(310deg); fill: #f6ce51;} svg.shape .arc {transform: rotate(41deg) translate(-40px, -125px); fill:none; stroke:#333; stroke-width:4px;} @media only screen and (max-width: 735px) { #braun-electric .accent-before:before { display: block; margin-bottom: -50px;} } /* Whats new. */ #whats-new {background-color: #f2f2f7} #whats-new .d6.text-image .column-content.text-content {margin-right: 110px;} .img-core-ml-siri-nfc { background-image: url(/filemaker/go/images/image_core-ml_siri_nfc.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 166px; width: 435px; } #whats-new .mobile {display: none;} @media only screen and (max-width: 1068px) { #whats-new {text-align: center;} #whats-new h2 {margin-bottom: 36px;} #whats-new .d6.text-image .column-content.text-content {margin-right: 0px;} #whats-new .text-col p {max-width: 80%; margin: 0 auto;} #whats-new .image-col {display: none;} #whats-new .mobile {display: block; margin: 0 auto; height: 114px; width: 300px;margin-bottom:24px;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { .img-core-ml-siri-nfc {background-image: url(/filemaker/go/images/image_core-ml_siri_nfc_2x.jpg);} } /* Top mobile uses. */ #top-uses h2, #top-uses p {text-align: center} #top-uses p {margin-bottom: 80px;} #top-uses .row-flex .column-flex:last-child {padding: 0px 82px 0px 60px;} #top-uses .row-flex .column-flex:first-child {padding: 0px 60px 0px 82px;} #top-uses .row-flex .column-flex ul li {position: relative; padding-left: 70px; margin-bottom: 10px; display: inline-block} #top-uses .row-flex .column-flex ul li.icon::before {position: absolute; left: 0px; top: 0px; height: 50px; width: 50px; display: block; background-size: 50px 47px; background-repeat: no-repeat; background-position: center top;} #top-uses .row-flex .column-flex ul li.icon-construction::before {background-image: url(/filemaker/go/images/icon_construction.jpg); content: ""; top: -5px;} #top-uses .row-flex .column-flex ul li.icon-food::before {background-image: url(/filemaker/go/images/icon_food.jpg); content: ""; top: -2px;} #top-uses .row-flex .column-flex ul li.icon-house::before {background-image: url(/filemaker/go/images/icon_house.jpg); content: "";} #top-uses .row-flex .column-flex ul li.icon-invoice::before {background-image: url(/filemaker/go/images/icon_invoice.jpg); content: ""; top: 5px;} #top-uses .row-flex .column-flex ul li.icon-ipad::before {background-image: url(/filemaker/go/images/icon_ipad.jpg); content: ""; top: 5px;} #top-uses .row-flex .column-flex ul li.icon-iphone::before {background-image: url(/filemaker/go/images/icon_iphone.jpg); content: ""; top: 2px;} #more-uses {display: flex; justify-content: center; margin: 40px 0px 0px;} @media only screen and (max-width: 735px) { #top-uses p {margin-bottom: 40px;} #top-uses .row-flex .column-flex ul li {margin-bottom: 20px;} #top-uses .row-flex .column-flex:last-child, #top-uses .row-flex .column-flex:first-child {padding: 0px 60px;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #top-uses .row-flex .column-flex ul li.icon-construction::before {background-image: url(/filemaker/go/images/icon_construction_2x.jpg);} #top-uses .row-flex .column-flex ul li.icon-food::before {background-image: url(/filemaker/go/images/icon_food_2x.jpg);} #top-uses .row-flex .column-flex ul li.icon-house::before {background-image: url(/filemaker/go/images/icon_house_2x.jpg);} #top-uses .row-flex .column-flex ul li.icon-invoice::before {background-image: url(/filemaker/go/images/icon_invoice_2x.jpg);} #top-uses .row-flex .column-flex ul li.icon-ipad::before {background-image: url(/filemaker/go/images/icon_ipad_2x.jpg);} #top-uses .row-flex .column-flex ul li.icon-iphone::before {background-image: url(/filemaker/go/images/icon_iphone_2x.jpg);} } /* Power of the platform. */ #power-platform p span {font-weight: 500;} #power-platform ul {margin-top: 24px;} #power-platform ul li {margin-bottom: 10px;} .img-mobile-devices { background-image: url(/filemaker/go/images/image_mobile_devices.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 564px; width: 477px; } .img-mobile-devices.ja {background-image: url(/filemaker/go/images/image_mobile_devices_ja.jpg);} #power-platform .mobile {display: none; height: 350px; width: 50%;} @media only screen and (max-width: 1068px) { #power-platform .image-col {display: none;} #power-platform .text-content {display: flex; margin-left: 0px; flex-direction: row; text-align: center; align-items: center; flex-wrap: wrap;} #power-platform .text-content h2 {width: 100%;} #power-platform .text-content p {width: 80%; margin: 0 auto; margin-bottom: 20px;} #power-platform .text-content p:last-of-type {margin-bottom: 40px;} #power-platform .mobile {display: flex;} #power-platform ul {margin-top: 0px; text-align: left; width: 50%;} #power-platform ul li {margin-bottom: 20px;} } @media only screen and (max-width: 735px) { #power-platform .text-content p {width:100%; margin-bottom: 10px;} #power-platform .mobile {display: none;} #power-platform .image-col {display: block;} #power-platform ul li {margin-bottom: 10px;} #power-platform ul {text-align: center; width: 100%; margin: 0 auto; margin-bottom: 10px;} .img-mobile-devices {height: 400px; width: 338px; margin: 0 auto;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { .img-mobile-devices {background-image: url(/filemaker/go/images/image_mobile_devices_2x.jpg);} .img-mobile-devices.ja {background-image: url(/filemaker/go/images/image_mobile_devices_ja_2x.jpg);} } /* FileMaker Go in action */ #fmgo-in-action .d8 .image.img-shock-therapy { background-image: url(/filemaker/go/images/image_shock-therapy.jpg); background-position: top right; } #fmgo-in-action .d8 .image.img-i288 { background-image: url(/filemaker/go/images/image_i288.jpg); background-position: center; } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #fmgo-in-action .d8 .image.img-shock-therapy { background-image: url(/filemaker/go/images/image_shock-therapy_2x.jpg);} #fmgo-in-action .d8 .image.img-i288 { background-image: url(/filemaker/go/images/image_i288_2x.jpg);} } /* Next steps */ #next-steps.dark {background-color:#29263e; background-image: url(/filemaker/pro/images/img_next-steps-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 1700px 591px; min-height: 400px; display: flex; align-items: center;} #next-steps .column {text-align: center;} #next-steps .column .column-content {display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; position: relative; height: 100%; padding: 0px 8px;} #next-steps .column .column-content p {margin-bottom: 24px;} #next-steps .column .column-content a {margin-bottom: 0px; margin-top: auto;} /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #next-steps .row-flex {flex-direction: column;} #next-steps .column {margin-bottom: 80px;} #next-steps .column:last-of-type {margin-bottom: 0px;} #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg.jpg); background-size: cover;} } /* EXTRA SMALL SCREENS */ @media only screen and (max-width: 440px) { #next-steps .column .column-content a {display: block; width: 100%;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-bg_2x.jpg); } } /* RETINA */ @media (max-width: 735px) and (-webkit-min-device-pixel-ratio: 2), not all, (max-width: 735px) and (min-resolution: 192dpi){ #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg_2x.jpg); } }