/* Theme Name: Certo Theme URI: https://wordpress.org/themes/twentyfifteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentyfifteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 62.5%; line-height: 1.4; font-weight: 100; } body{ font-size: 1em; } @media (min-width:992px) and (max-width:1001px){html{font-size:.75em}}@media (min-width:1002px) and (max-width:1011px){html{font-size:.757em}}@media (min-width:1012px) and (max-width:1021px){html{font-size:.764em}}@media (min-width:1022px) and (max-width:1031px){html{font-size:.771em}}@media (min-width:1032px) and (max-width:1041px){html{font-size:.778em}}@media (min-width:1042px) and (max-width:1051px){html{font-size:.785em}}@media (min-width:1052px) and (max-width:1061px){html{font-size:.792em}}@media (min-width:1062px) and (max-width:1071px){html{font-size:.799em}}@media (min-width:1072px) and (max-width:1081px){html{font-size:.806em}}@media (min-width:1082px) and (max-width:1091px){html{font-size:.813em}}@media (min-width:1092px) and (max-width:1101px){html{font-size:.82em}}@media (min-width:1102px) and (max-width:1111px){html{font-size:.827em}}@media (min-width:1112px) and (max-width:1121px){html{font-size:.834em}}@media (min-width:1122px) and (max-width:1131px){html{font-size:.841em}}@media (min-width:1132px) and (max-width:1141px){html{font-size:.848em}}@media (min-width:1142px) and (max-width:1151px){html{font-size:.855em}}@media (min-width:1152px) and (max-width:1161px){html{font-size:.862em}}@media (min-width:1162px) and (max-width:1171px){html{font-size:.869em}}@media (min-width:1172px) and (max-width:1181px){html{font-size:.876em}}@media (min-width:1182px) and (max-width:1191px){html{font-size:.883em}}@media (min-width:1192px) and (max-width:1201px){html{font-size:.89em}}@media (min-width:1202px) and (max-width:1211px){html{font-size:.897em}}@media (min-width:1212px) and (max-width:1221px){html{font-size:.904em}}@media (min-width:1222px) and (max-width:1231px){html{font-size:.911em}}@media (min-width:1232px) and (max-width:1241px){html{font-size:.918em}}@media (min-width:1242px) and (max-width:1251px){html{font-size:.925em}}@media (min-width:1252px) and (max-width:1261px){html{font-size:.931em}}@media (min-width:1262px) and (max-width:1271px){html{font-size:.939em}}@media (min-width:1272px) and (max-width:1281px){html{font-size:.946em}}@media (min-width:1282px) and (max-width:1291px){html{font-size:.953em}}@media (min-width:1292px) and (max-width:1301px){html{font-size:.96em}}@media (min-width:1302px) and (max-width:1311px){html{font-size:.967em}}@media (min-width:1312px) and (max-width:1321px){html{font-size:.974em}}@media (min-width:1322px) and (max-width:1331px){html{font-size:.981em}}@media (min-width:1332px) and (max-width:1341px){html{font-size:.988em}}@media (min-width:1342px) and (max-width:1351px){html{font-size:.995em}}@media (min-width:1352px) and (max-width:1361px){html{font-size:1.002em}}@media (min-width:1362px) and (max-width:1371px){html{font-size:1.008em}}@media (min-width:1372px) and (max-width:1381px){html{font-size:1.016em}}@media (min-width:1382px) and (max-width:1391px){html{font-size:1.023em}}@media (min-width:1392px) and (max-width:1401px){html{font-size:1.03em}}@media (min-width:1402px) and (max-width:1411px){html{font-size:1.037em}}@media (min-width:1412px) and (max-width:1421px){html{font-size:1.044em}}@media (min-width:1422px) and (max-width:1431px){html{font-size:1.051em}}@media (min-width:1432px) and (max-width:1441px){html{font-size:1.058em}}@media (min-width:1442px) and (max-width:1451px){html{font-size:1.065em}}@media (min-width:1452px) and (max-width:1461px){html{font-size:1.072em}}@media (min-width:1462px) and (max-width:1471px){html{font-size:1.079em}}@media (min-width:1472px) and (max-width:1481px){html{font-size:1.086em}}@media (min-width:1482px) and (max-width:1491px){html{font-size:1.093em}}@media (min-width:1492px) and (max-width:1501px){html{font-size:1.1em}}@media (min-width:1502px) and (max-width:1511px){html{font-size:1.107em}}@media (min-width:1512px) and (max-width:1521px){html{font-size:1.113em}}@media (min-width:1522px) and (max-width:1531px){html{font-size:1.121em}}@media (min-width:1532px) and (max-width:1541px){html{font-size:1.128em}}@media (min-width:1542px) and (max-width:1551px){html{font-size:1.135em}}@media (min-width:1552px) and (max-width:1561px){html{font-size:1.142em}}@media (min-width:1562px) and (max-width:1571px){html{font-size:1.149em}}@media (min-width:1572px) and (max-width:1581px){html{font-size:1.156em}}@media (min-width:1582px) and (max-width:1591px){html{font-size:1.163em}}@media (min-width:1592px) and (max-width:1601px){html{font-size:1.17em}}@media (min-width:1602px) and (max-width:1611px){html{font-size:1.177em}}@media (min-width:1612px) and (max-width:1621px){html{font-size:1.184em}}@media (min-width:1622px) and (max-width:1631px){html{font-size:1.191em}}@media (min-width:1632px) and (max-width:1641px){html{font-size:1.198em}}@media (min-width:1642px) and (max-width:1651px){html{font-size:1.205em}}@media (min-width:1652px) and (max-width:1661px){html{font-size:1.212em}}@media (min-width:1662px) and (max-width:1671px){html{font-size:1.219em}}@media (min-width:1672px) and (max-width:1681px){html{font-size:1.226em}}@media (min-width:1682px) and (max-width:1691px){html{font-size:1.233em}}@media (min-width:1692px) and (max-width:1701px){html{font-size:1.24em}}@media (min-width:1702px) and (max-width:1711px){html{font-size:1.247em}}@media (min-width:1712px) and (max-width:1721px){html{font-size:1.254em}}@media (min-width:1722px) and (max-width:1731px){html{font-size:1.261em}}@media (min-width:1732px) and (max-width:1741px){html{font-size:1.268em}}@media (min-width:1742px) and (max-width:1751px){html{font-size:1.275em}}@media (min-width:1752px) and (max-width:1761px){html{font-size:1.282em}}@media (min-width:1762px) and (max-width:1771px){html{font-size:1.289em}}@media (min-width:1772px) and (max-width:1781px){html{font-size:1.296em}}@media (min-width:1782px) and (max-width:1791px){html{font-size:1.303em}}@media (min-width:1792px) and (max-width:1801px){html{font-size:1.31em}}@media (min-width:1802px) and (max-width:1811px){html{font-size:1.317em}}@media (min-width:1812px) and (max-width:1821px){html{font-size:1.324em}}@media (min-width:1822px) and (max-width:1831px){html{font-size:1.331em}}@media (min-width:1832px) and (max-width:1841px){html{font-size:1.338em}}@media (min-width:1842px) and (max-width:1851px){html{font-size:1.345em}}@media (min-width:1852px) and (max-width:1861px){html{font-size:1.351em}}@media (min-width:1862px) and (max-width:1871px){html{font-size:1.359em}}@media (min-width:1872px) and (max-width:1881px){html{font-size:1.366em}}@media (min-width:1882px) and (max-width:1891px){html{font-size:1.373em}}@media (min-width:1892px) and (max-width:1901px){html{font-size:1.38em}}@media (min-width:1902px) and (max-width:1911px){html{font-size:1.387em}}@media (min-width:1912px) and (max-width:1921px){html{font-size:1.394em}}@media (min-width:1922px) and (max-width:1931px){html{font-size:1.401em}}@media (min-width:1932px) and (max-width:1941px){html{font-size:1.408em}}@media (min-width:1942px) and (max-width:1951px){html{font-size:1.415em}}@media (min-width:1952px) and (max-width:1961px){html{font-size:1.422em}}@media (min-width:1962px) and (max-width:1971px){html{font-size:1.429em}}@media (min-width:1972px) and (max-width:1981px){html{font-size:1.436em}}@media (min-width:1982px) and (max-width:1991px){html{font-size:1.443em}}@media (min-width:1992px) and (max-width:2001px){html{font-size:1.45em}}@media (min-width:2002px) and (max-width:2011px){html{font-size:1.456em}}@media (min-width:2012px) and (max-width:2021px){html{font-size:1.464em}}@media (min-width:2022px) and (max-width:2031px){html{font-size:1.471em}}@media (min-width:2032px) and (max-width:2041px){html{font-size:1.478em}}@media (min-width:2042px) and (max-width:2051px){html{font-size:1.484em}}@media (min-width:2052px) and (max-width:2061px){html{font-size:1.492em}}@media (min-width:2062px) and (max-width:2071px){html{font-size:1.499em}}@media (min-width:2072px) and (max-width:2081px){html{font-size:1.506em}}@media (min-width:2082px) and (max-width:2091px){html{font-size:1.513em}}@media (min-width:2092px) and (max-width:2101px){html{font-size:1.52em}}@media (min-width:2102px) and (max-width:2111px){html{font-size:1.527em}}@media (min-width:2112px) and (max-width:2121px){html{font-size:1.534em}}@media (min-width:2122px) and (max-width:2131px){html{font-size:1.541em}}@media (min-width:2132px) and (max-width:2141px){html{font-size:1.548em}}@media (min-width:2142px) and (max-width:2151px){html{font-size:1.555em}}@media (min-width:2152px) and (max-width:2161px){html{font-size:1.562em}}@media (min-width:2162px) and (max-width:2171px){html{font-size:1.569em}}@media (min-width:2172px) and (max-width:2181px){html{font-size:1.576em}}@media (min-width:2182px) and (max-width:2191px){html{font-size:1.583em}}@media (min-width:2192px) and (max-width:2201px){html{font-size:1.589em}}@media (min-width:2202px) and (max-width:2211px){html{font-size:1.597em}}@media (min-width:2212px) and (max-width:2221px){html{font-size:1.604em}}@media (min-width:2222px) and (max-width:2231px){html{font-size:1.611em}}@media (min-width:2232px) and (max-width:2241px){html{font-size:1.617em}}@media (min-width:2242px) and (max-width:2251px){html{font-size:1.625em}}@media (min-width:2252px) and (max-width:2261px){html{font-size:1.632em}}@media (min-width:2262px) and (max-width:2271px){html{font-size:1.639em}}@media (min-width:2272px) and (max-width:2281px){html{font-size:1.646em}}@media (min-width:2282px) and (max-width:2291px){html{font-size:1.653em}}@media (min-width:2292px) and (max-width:2301px){html{font-size:1.66em}}@media (min-width:2302px) and (max-width:2311px){html{font-size:1.667em}}@media (min-width:2312px) and (max-width:2321px){html{font-size:1.674em}}@media (min-width:2322px) and (max-width:2331px){html{font-size:1.681em}}@media (min-width:2332px) and (max-width:2341px){html{font-size:1.688em}}@media (min-width:2342px) and (max-width:2351px){html{font-size:1.695em}}@media (min-width:2352px) and (max-width:2361px){html{font-size:1.702em}}@media (min-width:2362px) and (max-width:2371px){html{font-size:1.709em}}@media (min-width:2372px) and (max-width:2381px){html{font-size:1.716em}}@media (min-width:2382px) and (max-width:2391px){html{font-size:1.722em}}@media (min-width:2392px) and (max-width:2401px){html{font-size:1.73em}}@media (min-width:2402px) and (max-width:2411px){html{font-size:1.737em}}@media (min-width:2412px) and (max-width:2421px){html{font-size:1.744em}}@media (min-width:2422px) and (max-width:2431px){html{font-size:1.751em}}@media (min-width:2432px) and (max-width:2441px){html{font-size:1.758em}}@media (min-width:2442px) and (max-width:2451px){html{font-size:1.765em}}@media (min-width:2452px) and (max-width:2461px){html{font-size:1.772em}}@media (min-width:2462px) and (max-width:2471px){html{font-size:1.779em}}@media (min-width:2472px) and (max-width:2481px){html{font-size:1.786em}}@media (min-width:2482px) and (max-width:2491px){html{font-size:1.793em}}@media (min-width:2492px) and (max-width:2501px){html{font-size:1.8em}}@media (min-width:2502px) and (max-width:2511px){html{font-size:1.807em}}@media (min-width:2512px) and (max-width:2521px){html{font-size:1.814em}}@media (min-width:2522px) and (max-width:2531px){html{font-size:1.821em}}@media (min-width:2532px) and (max-width:2541px){html{font-size:1.828em}}@media (min-width:2542px) and (max-width:2551px){html{font-size:1.835em}}@media (min-width:2552px) and (max-width:2561px){html{font-size:1.842em}}@media (min-width:2562px) and (max-width:2571px){html{font-size:1.849em}}@media (min-width:2572px) and (max-width:2581px){html{font-size:1.856em}}@media (min-width:2582px) and (max-width:2591px){html{font-size:1.863em}}@media (min-width:2592px) and (max-width:2601px){html{font-size:1.87em}}@media (min-width:2602px) and (max-width:2611px){html{font-size:1.877em}}@media (min-width:2612px) and (max-width:2621px){html{font-size:1.884em}}@media (min-width:2622px) and (max-width:2631px){html{font-size:1.891em}}@media (min-width:2632px) and (max-width:2641px){html{font-size:1.898em}}@media (min-width:2642px) and (max-width:2651px){html{font-size:1.905em}}@media (min-width:2652px) and (max-width:2661px){html{font-size:1.912em}}@media (min-width:2662px) and (max-width:2671px){html{font-size:1.919em}}@media (min-width:2672px) and (max-width:2681px){html{font-size:1.926em}}@media (min-width:2682px) and (max-width:2691px){html{font-size:1.933em}}@media (min-width:2692px) and (max-width:2701px){html{font-size:1.94em}}@media (min-width:2702px){html{font-size:1.947em}} /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== Author's custom styles ========================================================================== */ /* GLOBAL STYLES */ .h-100{ height: 100%; } .w-100{ width: 100%; } .p-0{ padding: 0px !important; } .m-0{ margin:0px !important; } .m-t-0{ margin-top: 0 !important; } .col{ display: block; float: left; position: relative; min-height: 1px; } .dt{ display: table; } .dtc{ display: table-cell; } .text-middle{ vertical-align: middle; } .pr{ position: relative; } .bold{ font-weight: bold; } .green{ color: #22856b; } .bg-green{ background-color: #22856b; } .white{ color: #FFF; } .m-t-1{ margin-top: 1rem; } .m-t-3{ margin-top: 3rem; } .dt{ display: table; } .dtc{ display: table-cell; } .text-middle{ vertical-align: middle; } .h-10{ height: 10vh; } .center{ text-align: center; } .t-a-l{ text-align: left !important; } .stress{ text-decoration: underline; } /* END GLOBAL STYLES */ html, body{ font-family: 'Muli', Arial, Helvetica, sans-serif; font-size: 0.95rem; } .navbar{ background: #FFF; } .about{ margin-top: 80px; background: url("img/background-first.jpg"); background-repeat: no-repeat; background-size: cover; } .about-content{ margin-left: 2rem; } h1{ font-weight: 700; } .subtitle{ font-size: 1.5em; font-weight: 300; } .round{ margin-top: 30px; border: 1px solid #000; border-radius: 50%; width: 26px; height: 26px; display: inline-block; cursor: pointer; } .round-down{ border: 1px solid #fbaf5d; border-radius: 50%; width: 30px; height: 30px; display: inline-block; cursor: pointer; } .round-down > .fa-chevron-down{ color: #fbaf5d; } .round:hover{ border: 1px solid #fbaf5d; } .round:hover .fa-chevron-left, .round:hover .fa-chevron-right{ color: #fbaf5d; } .round-down:hover .fa-chevron-down{ color: #000; } .round-down:hover{ border: 1px solid #000; } .fa-chevron-down:hover{ color: #fbaf5d; } .arrow{ position: absolute; } .arrow-left{ margin-left: 6px; margin-top: -1px; } .arrow-right{ margin-left: 8px; margin-top: -2px; } .arrow-down{ margin-left: 8px; margin-top: 4px; } .fa-chevron-down{ color: #fbaf5d; } h2{ margin-top: 2rem; padding-top: 4rem; margin-bottom: 5rem; font-weight: 300; } .m-t-3{ margin-top: 3rem; } .text{ /*margin-bottom: 1.5rem;*/ display: block; } .box-icon { text-align:center; margin-top: 1.5rem; } .icon-text{ text-align: center; margin-top: 0.5rem; } .icon{ margin-bottom: 0.7rem; } t-right{ text-align:right; } .commitment{ padding-bottom: 3rem; } .commitment-right{ margin-bottom: 3rem; } h3{ text-align: right; font-weight: 700; } .m-dots{ margin-left:-8.3%; } .b-left{ border-left: solid 3px #22856b; } .commitment-list{ margin-left: -2.5rem; } .commitment-list li{ list-style: none; color: #22856b; font-weight: 700; line-height: 2.5rem; cursor: pointer; } .commitment-list li:hover{ color: #fbaf5d; } .philosophy{ background: url("img/background.jpg"); background-repeat: no-repeat; padding-bottom: 2rem; } #back, #back1{ margin-top: 3rem; text-align: center; padding-left: 0; } .center{ margin-top: 2.5rem; display: block; } .text-green{ color: #73c1ac; } .autor{ font-size: 1.4em; text-align: left; } h4{ font-size: 0.9em; } .italics{ font-style: italic; margin-bottom: 1rem; display: block; } .team-text{ padding-left: 2rem; padding-right: 2rem; } .profile{ width: 50%; height: 38px; border-radius: 19px; background-color: #fbaf5d; padding-left: 10px; padding-top: 7px; position: relative; cursor: pointer; margin-left: 14px; } .circle{ border-radius: 50%; width: 26px; height: 26px; border: 1px solid #FFF; color: #FFF; position: absolute; right: 10px; top: 6px; } .arrow-up{ padding-left: 6px; margin-top: -2px; cursor: pointer; } .circle .arrow-down{ margin-left: 6px; margin-top: 1px; cursor: pointer; } .circle .arrow-down:hover svg,.circle .arrow-up:hover svg{ color: #000; } .circle .arrow-right{ margin-left: 9px; } .projects{ background-color: #fbaf5d; } .projects-header{ margin-top: 2rem; margin-bottom: 2rem; } .small{ font-size: 0.9em; } .t-a-l{ margin-bottom: 0; } .circle svg{ color: #FFF; } .line{ border-top: 1px solid #fcc68c; padding-top: 2rem; padding-bottom: 2rem; } .middle{ margin-top: 2.5rem; display: block; } .btn-wp{ background-color: #fbaf5d; height: 40px; width: 60%; border: none; border-radius: 20px; color: #FFF; } .form-control,.main-form, .form-control:active, .form-control:focus, .main-form:active, .main-form:focus{ background-color: #22856b; border: none; border-bottom: 1px solid #53a08c; color: #FFF; box-shadow: none; } .form-control::placeholder, .main-form::placeholder{ color: #FFF; font-weight: 700; } .foto{ margin-bottom: 2rem; } .btn-form{ width: 100%; height: 38px; border-radius: 19px; background-color: #fbaf5d; padding-top: 7px; cursor: pointer; position: relative; margin-bottom: 100px; padding-left: 20px; margin-top: 4px; } .bg-white{ background-color: #FFF; } .btn{ background-color: transparent; padding: 0 .75rem; width: 60%; text-align: left; height: 50px; margin-top: 20px; } .team img{ width:100%; } .maps{ background: url("img/maps.jpg"); margin-top: 0; background-position: center; } .contact{ padding-left: 8rem; } .window{ position: absolute; z-index: 1500; padding: 2rem; padding-left: 1.5rem padding-right: 0.3rem; background-color: #FFF; width: 80%; margin-left: 110%; margin-top: -94%; } h5{ font-weight: 300; margin-top: 1.5rem; } .adres{ display: block; } .adres:last-of-type{ margin-bottom: 1.5rem; } .phone{ margin-top: 5px; } .mail{ margin-top: 11px; } .google-maps { position: relative; padding-bottom: 75%; // Tutaj regulujemy wysokość height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .partners-m-left{ margin-left: 0.9rem; } .space{ margin-top: 3rem; padding-top: 4rem; font-size: 1em; font-weight: 700; cursor: pointer; } .text-big{ font-size: 1.8em; font-weight: 300; } .circle-big{ background-color: #fbaf5d; border-radius: 50%; overflow: hidden; padding-right: 0; padding-left: 0; } .second{ width: 100%; padding-top: 100%; } .third{ text-align: center; position: absolute; top:0; bottom: 0; left: 0; right: 0; } .table{ display: table; width: 100%; height: 100%; } .table-cell{ display: table-cell; vertical-align: middle; } .center-wheel{ text-align: center; } .dots{ line-height: 0.5em; } .m-t-min{ margin-top: -2rem; } .space-level{ letter-spacing: 0.3em; } .delivery, .quality, .continuous, .structure, .teamwork{ display: none; } #btn-philosophy, #btn-company{ cursor: pointer; } .center-wheel h3{ display: inline; } .m-l--1{ margin-left: -1rem; padding-right : 0; } .project-text{ margin-left:30px; } textarea{ height: 80px; } .frame{ border: 2px dotted #AAA; width: 95%; margin-bottom: 3rem; } .frame .col-md-1{ width: 14%; max-width: 14%; flex: 0 0 14%; font-size: 0.8em; padding-left: 5px; padding-right: 5px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .main-form{ border: none; border-bottom: 1px solid #53a08c; color: #FFF; background-color: transparent; } .gray{ color: #AAA; } .img-teamwork{ margin-bottom: 3rem; } .none{ display: none; } .mobil{ margin-top: 2rem; margin-bottom: 2rem; } .address{ background-color: #FFF; text-align: center; margin-top: 4rem; margin-bottom: 15rem; } footer{ height: 80px; padding-top: 20px; } footer a{ display: inline; text-decoration: none; color: #000; } footer a:hover{ text-decoration: none } .footer-menu{ margin-right: 1rem; } footer > span{ font-size: 0.8em; color: #AAA; } .social-media{ height: 15px; z-index: 2000; top: 0; text-align: right; } .social-media img{ width: 25px; margin-left: 4px; } .privacy{ height: 180px; background: #22856b; width: 100%; color: #FFF; padding-top: 20px; margin-bottom: 30px; margin-top: 15px; } .margin-table{ margin-top: 35px; } .policy-padding{ padding-left: 1rem; } .nav-icon{ z-index: 2500; background: #FFF; height: 15px; } .nav-icon>.container{ justify-content: normal; } .contact{ padding-right:0; } .navbar-light{ top: 8px; } @media(max-width: 1200px){ .m-commitment-small h3{ font-size: 1.4em; } } @media(max-width: 992px){ .social-media{ position: relative; } .icon-right{ position: absolute; right: -8px; top: -6px; } .navbar-toggler{ margin-right: 1rem; } .navbar-brand img{ margin-left: 1rem; } .nav-item{ background: #FFF; padding-left: 1rem; } .nav-icon{ height: 30px !important; } .m-center{ text-align: center; } .m-none{ display: none; } .text{ margin-bottom: 0.5rem; } .center{ margin-top: 1rem; } .partners{ width: 100%; } .m-block{ display: block; } .autor{ text-align: center; } .projects img{ width: 100%; } .space{ margin-top: 1rem; padding-top: 0; } .img-teamwork{ width: 95%; text-align: center; margin-top: 1rem; } .frame{ width: 100%; } .frame .col-md-1{ width: 25%; max-width: 25%; flex: 0 0 25%; } .company{ margin-top: 2rem; } .foto{ width: 100%; } .social-media{ margin-left: 0; right: 10px; } } @media(max-width: 768px){ .commitment-right{ margin-top: 2rem; } .philosophy{ background: #22856b; } .contact{ padding-left: 1rem; } nav, .navbar{ height: 100px; } .navbar{ padding: .5rem 0; } } @media(min-width: 992px){ .social-media{ position: relative; } .icon-right{ position: absolute; right: 22px; top: 2px; } .maps{ flex: 0 0 41.65%; max-width:41.65%; margin-top: 0; } .boxik{ flex: 0 0 25%; max-width:25%; } .w-12{ flex: 0 0 12%; } .w-27{ flex: 0 0 27.5%; } } .row{ margin-right: 0; }