/* * * RESPONSIVE.CSS - "OFF_MEC" * DESIGN BY LINOOLMOSTUDIO * */ /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏┓ ┏┓ ┏┓ ┏━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━━┛ ┃┃ ┃┃ ┃┃ ┗┫┣┛ ┗┓┏┓┃ ┃┏━┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃ ┃┗━━┓ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃ ┃┗━┛┃ ┃┗━━┓ ┃┗━━┓ ┃┗━┛┃ ┃┏━━┛ ┃┃ ┏┓ ┃┃ ┃┃ ┃┃ ┃┃┃┃ ┃┏┓┏┛ ┃┏━━┛ ┗━━┓┃ ┃┏━━┛ ┃┃ ┃┗━┛┃ ┃┗━┛┃ ┏┫┣┓ ┏┛┗┛┃ ┃┃┃┗┓ ┃┗━━┓ ┃┗━┛┃ ┃┃ ┗┛ ┗━━━┛ ┗━━━┛ ┗━━┛ ┗━━━┛ ┗┛┗━┛ ┗━━━┛ ┗━━━┛ ┗┛ */ /*__ FLUID RESPONSIVE __*/ /* Break point for calc init */ @media screen and (max-width: 1680px) { /* Fonts Misc */ h1 {} h2 {} h3 {} h4 { font-size: calc(18px + (40 - 18) * ((100vw - 480px) / (1680 - 480))); } p, li { font-size: calc(18px + (20 - 18) * ((100vw - 480px) / (1680 - 480))); } a {} /* Header */ .head_logo { width: calc(200px + (360 - 200) * ((100vw - 480px) / (1680 - 480))); } .lang { height: calc(50px + (90 - 50) * ((100vw - 480px) / (1680 - 480))); } .head_hamburger { height: calc(50px + (90 - 50) * ((100vw - 480px) / (1680 - 480))); } #menu-menu a, #menu-menu_en a { font-size: calc(24px + (32 - 24) * ((100vw - 480px) / (1680 - 480))); } /* Homepage */ .s1_title h2, .s1_title h1 { font-size: calc(42px + (70 - 42) * ((100vw - 480px) / (1680 - 480))); } .text_block h3, .quality_row h3 { font-size: calc(22px + (32 - 22) * ((100vw - 480px) / (1680 - 480))); } .text_block h2, .quality_row h2 { font-size: calc(34px + (80 - 34) * ((100vw - 480px) / (1680 - 480))); } .link, .link p { font-size: calc(22px + (26 - 22) * ((100vw - 480px) / (1680 - 480))); } .home_service_title h2 { font-size: calc(48px + (100 - 48) * ((100vw - 480px) / (1680 - 480))); } .home_service_block, .home_service_link { min-height: calc(180px + (720 - 180) * ((100vw - 1024px) / (1680 - 1024))); } .big_line { width: calc(100px + (120 - 100) * ((100vw - 480px) / (1680 - 480))); height: calc(6px + (10 - 6) * ((100vw - 480px) / (1680 - 480))); } .video_block a img { width: calc(100px + (150 - 100) * ((100vw - 480px) / (1680 - 480))); } .video_block a p { font-size: calc(40px + (60 - 40) * ((100vw - 480px) / (1680 - 480))); } .home_service_block_i h3 { font-size: calc(24px + (32 - 24) * ((100vw - 480px) / (1680 - 480))); } /* Footer */ #foot_block_1 a img { width: calc(120px + (180 - 120) * ((100vw - 480px) / (1680 - 480))); } #foot_block_1 a p, #s2_22 h2, #s2_149 h2 { font-size: calc(24px + (38 - 24) * ((100vw - 480px) / (1680 - 480))); } .foot_block h4 { font-size: calc(28px + (30 - 28) * ((100vw - 480px) / (1680 - 480))); } .foot_line { height: calc(2px + (8 - 2) * ((100vw - 480px) / (1680 - 480))); } #foot_block_3 .credits li, #foot_block_3 .credits li a { font-size: calc(12px + (16 - 12) * ((100vw - 480px) / (1680 - 480))); } /* Page Automotive */ #s2_12 h2 { font-size: calc(40px + (80 - 40) * ((100vw - 480px) / (1680 - 480))); } .tile img { max-height: calc(50px + (80 - 50) * ((100vw - 480px) / (1680 - 480))); } /* Page Servizi */ /* Page Lavorazioni */ /* Page Azienda */ /* Page Qualità */ /* Page Contatti */ .contact_video img { width: calc(50px + (60 - 50) * ((100vw - 480px) / (1680 - 480))); } .contact_video p { font-size: calc(24px + (30 - 24) * ((100vw - 480px) / (1680 - 480))); } #s3_22 h3, #s3_149 h3 { font-size: calc(24px + (48 - 24) * ((100vw - 480px) / (1680 - 480))); } /* Form */ .form-input input { font-size: calc(18px + (20 - 18) * ((100vw - 480px) / (1680 - 480))); } .form-privacy p, .form-privacy a { font-size: calc(14px + (18 - 14) * ((100vw - 480px) / (1680 - 480))); } .form-submit input[type="submit"] { font-size: calc(26px + (32 - 26) * ((100vw - 480px) / (1680 - 480))); } /* Extra */ #s1_24 .s1_title p, #s1_151 .s1_title p { font-size: calc(26px + (32 - 26) * ((100vw - 480px) / (1680 - 480))); } } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓┏━┓┏━┓ ┏━━━┓┏┓ ┏┓┏━━━┓┏━━━┓ ┏┛┃ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃┗┓┗┛┏┛ ┃┏━┓┃┃┗┓┏┛┃┃┏━━┛┃┏━┓┃ ┗┓┃ ┃┗━━┓ ┃┗━┛┃ ┃┃ ┃┃ ┃┗━┛┃ ┗┓┏┛ ┃┃ ┃┃┗┓┃┃┏┛┃┗━━┓┃┗━┛┃ ┃┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━━┛ ┏┛┗┓ ┃┃ ┃┃ ┃┗┛┃ ┃┏━━┛┃┏┓┏┛ ┏┛┗┓ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┏┛┏┓┗┓ ┃┗━┛┃ ┗┓┏┛ ┃┗━━┓┃┃┃┗┓ ┗━━┛ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━┛┗━┛ ┗━━━┛ ┗┛ ┗━━━┛┗┛┗━┛ ÜBER */ @media screen and (min-width: 1680px) { /*__ HEADER __*/ /* Menu */ /*__ HOMEPAGE __*/ /* Section 1 */ /* Section 2 */ /* Section 3 */ /* Section 4 */ /* Section 5 */ /*__ FOOTER __*/ /*__ PAGE __*/ /* Page Automotive */ /* Page Servizi */ /* Page Lavorazioni */ /* Page Azienda */ /* Page Qualità */ /* Page Contatti */ /*__ FORM __*/ /*__ EXTRA __*/ } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓┏━┓┏━┓ ┏┛┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃┗┓┗┛┏┛ ┗┓┃ ┗┛┏┛┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┗━┛┃ ┗┓┏┛ ┃┃ ┏━┛┏┛ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━━┛ ┏┛┗┓ ┏┛┗┓ ┃ ┗━┓ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┏┛┏┓┗┓ ┗━━┛ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━┛┗━┛ TABLET GRANDE */ @media screen and (max-width: 1280px) { /*__ HEADER __*/ /* Menu */ /*__ HOMEPAGE __*/ /* Section 1 */ #s1_home .filter_video { background: -moz-linear-gradient(left, rgba(12,54,107,0.6) 20%, rgba(125,185,232,0.2) 100%); background: -webkit-linear-gradient(left, rgba(12,54,107,0.6) 20%,rgba(125,185,232,0.2) 100%); background: linear-gradient(to right, rgba(12,54,107,0.6) 20%,rgba(125,185,232,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990c366b', endColorstr='#007db9e8',GradientType=1 ); } .s1_title p { width: 40%; } #part_1 { width: 40%; } /* Section 2 */ .s2 { margin-top: 0; } .text_block p { width: 90%; } /* Section 3 */ .home_service_block_i { padding: 0 10%; } /* Section 4 */ /* Section 5 */ .quality_row h2 { margin: 0 auto 10vh auto; } /*__ FOOTER __*/ /*__ PAGE __*/ /* Page Automotive */ /* Page Servizi */ /* Page Lavorazioni */ /* Page Azienda */ /* Page Qualità */ #s4_20 p, #s4_161 p { width: 90%; } #s5_20 .quality_row p, #s5_161 .quality_row p { width: 100%; } /* Page Contatti */ div.wpcf7 { width: 80%; } /*__ FORM __*/ /*__ EXTRA __*/ } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏━━━┓ ┏━━━┓ ┏┓ ┏┓ ┏━━━┓┏━┓┏━┓ ┏┛┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃┗┓┗┛┏┛ ┗┓┃ ┃┃ ┃┃ ┗┛┏┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗┓┏┛ ┃┃ ┃┃ ┃┃ ┏━┛┏┛ ┗━━┓┃ ┃┏━━┛ ┏┛┗┓ ┏┛┗┓ ┃┗━┛┃ ┃ ┗━┓ ┃┃ ┃┃ ┏┛┏┓┗┓ ┗━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗┛ ┗━┛┗━┛ TABLET */ @media screen and (max-width: 1024px) { /*__ HEADER __*/ /* Menu */ /*__ HOMEPAGE __*/ /* Section 1 */ #s1_home .filter_video { background: -moz-linear-gradient(top, rgba(12,54,107,0.2) 0%, rgba(12,54,107,0.6) 25%, rgba(12,54,107,0.6) 75%, rgba(12,54,107,0.2) 100%); background: -webkit-linear-gradient(top, rgba(12,54,107,0.2) 0%,rgba(12,54,107,0.6) 25%,rgba(12,54,107,0.6) 75%,rgba(12,54,107,0.2) 100%); background: linear-gradient(to bottom, rgba(12,54,107,0.2) 0%,rgba(12,54,107,0.6) 25%,rgba(12,54,107,0.6) 75%,rgba(12,54,107,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330c366b', endColorstr='#330c366b',GradientType=0 ); } #s1_home .s1_title { top: 50%; left: 50%; width: 90%; text-align: center; transform: translate(-50%, -50%); } .s1_title h2 span { padding-left: 0; } .s1_title p { width: 100%; padding: 2.5% 0 0 0; } .s1_action { margin: 5% auto 0 auto; } #part_1 { display: none; } /* Section 2 */ #s2_home .text_block { width: 90%; padding: 0 5%; text-align: center; } .block_a_sx, .block_a_dx { width: 90%; float: none; margin: 0 auto; } .block_b_sx, .block_b_dx { width: 90%; float: none; margin: 0 auto; } #s2_home .png_block img { display: none; } .text_block { width: 90%; padding: 0 5%; min-height: auto; display: block; align-items: center; } .img_dx { right: 0%; } /* Section 3 */ .home_service { padding: 7.5% 0; } .home_service_title { position: relative; top: auto; padding-bottom: 5%; } .home_service_title h2 { padding-bottom: 2.5%; } .big_line { display: none; } .home_service_block, .home_service_link { min-height: 180px; } .home_service_link { display: none; } .home_service_block { width: 90%; float: none; height: auto; margin: 0 auto; border-top: 2px solid rgba(255,255,255,0.4); } .home_service_block_i { padding: 10% 5%; } .home_service_block_i h3 { margin-bottom: 2.5%; } .home_service_block_i h3 span { padding-right: 2.5%; } .home_service_block_i p { margin-bottom: 2.5%; } .home_service_block .filter_blue { display: none; } #home_png_2 { display: none; } /* Section 4 */ #s4_home .block_b_sx.text_block { text-align: center; width: 90%; padding: 0 5% 5% 5%; } /* Section 5 */ .quality_row h2 { margin: 0 auto 7.5vh auto; } .quality_row_i a { width: calc((100% / 3) - 10%); margin: 0 5%; } /*__ FOOTER __*/ .foot_content_i { padding: 5%; } .foot_block { width: 100%; float: none; text-align: center; } #foot_block_1 { width: 100%; margin-right: 0; } #foot_block_2 { display: none; } #foot_block_3 { padding: 5% 0 0 0; width: inherit; } .foot_block h4 { margin-bottom: 5%; } #foot_block_3 li { margin-bottom: 1.25%; } #foot_block_3 li:last-child { margin: 2.5% 0 0 0; } .foot_line { margin: 5% auto; width: 80%; } /*__ PAGE __*/ /* Page Automotive */ .s2_page .img_block_dx { margin-top: 0; } .tiles_container { width: 80%; } .text_block { padding: 0% 5% 5% 5%; text-align: center; } .text_block p { width: 100%; } .block_b_sx.text_block { padding: 0 5% 5% 5%; text-align: center; } .img_block_dx { right: 0; } .img_block_sx { left: 0; } .block_b_dx img { right: 0%; } /* Page Servizi */ /* Page Lavorazioni */ #s4_16 .block_b_i, #s4_156 .block_b_i { padding: 5% 0; } #s5_16 .block_b_sx.text_block, #s5_156 .block_b_sx.text_block { padding: 0 5%; } #s5_16 img, #s5_156 img { display: none; } #s5_16, #s5_156, #s6_16, #s6_156 { width: 50%; float: left; box-shadow: none; } #s5_16 .block_a_i, #s5_16 .block_b_i, #s6_16 .block_a_i, #s6_16 .block_b_i, #s5_156 .block_a_i, #s5_156 .block_b_i, #s6_156 .block_a_i, #s6_156 .block_b_i { padding: 10% 5%; text-align: left; } #s5_16 .text_block, #s6_16 .text_block, #s5_156 .text_block, #s5_156 .text_block { text-align: left; } /* Page Azienda */ /* Page Qualità */ #s4_20 .block_b, #s4_161 .block_b { display: block; } #s4_20 .block_b_sx.text_block, #s4_161 .block_b_sx.text_block{ padding: 0% 5%; width: 90%; float: none; text-align: center; } #s4_20 .text_block, #s4_161 .text_block { width: 90%; padding: 0% 5% 0% 5%; text-align: center; } #s4_20 p, #s4_161 p { width: 100%; } /* Page Contatti */ #contact_2 li { text-align: center; } #s2_22 iframe, #s2_149 iframe { right: 0; } #form_subtitle { width: 50%; } div.wpcf7 { width: 90%; } /*__ FORM __*/ /*__ EXTRA __*/ } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓┏━┓┏━┓ ┃┏━┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃┗┓┗┛┏┛ ┗┛┏┛┃ ┃┗━━┓ ┗┛┏┛┃ ┃┗━┛┃ ┗┓┏┛ ┃┏┛ ┃┏━┓┃ ┃┏┛ ┃┏━━┛ ┏┛┗┓ ┃┃ ┃┗━┛┃ ┃┃ ┃┃ ┏┛┏┓┗┓ ┗┛ ┗━━━┛ ┗┛ ┗┛ ┗━┛┗━┛ TABLET PICCOLO */ @media screen and (max-width: 767px) { /*__ HEADER __*/ /* Menu */ /*__ HOMEPAGE __*/ /* Section 1 */ #s1_home .filter_video { background: -moz-linear-gradient(top, rgba(12,54,107,0.2) 0%, rgba(12,54,107,0.6) 50%, rgba(12,54,107,0.2) 100%); background: -webkit-linear-gradient(top, rgba(12,54,107,0.2) 0%,rgba(12,54,107,0.6) 50%,rgba(12,54,107,0.2) 100%); background: linear-gradient(to bottom, rgba(12,54,107,0.2) 0%,rgba(12,54,107,0.6) 50%,rgba(12,54,107,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330c366b', endColorstr='#330c366b',GradientType=0 ); } /* Section 2 */ .block_a, .block_b, .block_c { display: block; align-items: initial; } .block_a_sx, .block_a_dx, .block_b_sx, .block_b_dx { width: 90%; float: none; text-align: center; margin: 0 auto; } #s2_home .png_block { display: none; } #s2_home .text_block { width: 90%; padding: 0% 5%; min-height: auto; } .text_block h2, .quality_row h2, #s2_12 h2 { position: relative; mix-blend-mode: lighten; font-weight: 600; letter-spacing: 0.2vw; line-height: 1.2; } /* Section 3 */ .img_dx { right: 0%; height: 50vh; } /* Section 4 */ /* Section 5 */ .quality_row { padding: 10% 5%; } .quality_row h2 { width: 100%; margin: 0 auto 5vh auto; } .quality_row_i a { width: 240px; float: none; margin: 0 auto 5vh auto; } .quality_row_i a img { width: 60%; margin-bottom: 2.5%; } /*__ FOOTER __*/ /*__ PAGE __*/ .block_a_i, .block_b_i { padding: 7.5% 0; } /* Page Automotive */ .tiles_container { width: 90%; } #s3_12 .s3_i, #s3_142 .s3_i { padding: 5% 0 7.5% 0; } .img_block_dx { right: 0%; } .img_block div { height: 50vh; } .s4_i { padding: 7.5% 0; } .img_block_sx { left: 0%; } .text_block { padding: 7.5% 5% 7.5% 5%; } /* Page Servizi */ .s2_page .img_block_dx { margin-top: 0; } .block_b_dx img { right: 0%; } /* Page Lavorazioni */ .block_b_sx.text_block { padding: 7.5% 5% 7.5% 5%; } #s4_16 .block_b, #s4_156 .block_b { padding-bottom: 7.5%; } #s4_16 .img_block_dx, #s4_156 .img_block_dx { height: 50vh; } #s5_16, #s5_156 { box-shadow: none; } #s5_16 img, #s5_156 img { display: none; } #s5_16 .block_b_sx.text_block, #s5_156 .block_b_sx.text_block { padding: 7.5% 5% 7.5% 5%; } #s5_16 .block_b_sx.text_block, #s5_156 .block_b_sx.text_block { padding: 7.5% 5% 7.5% 5%; } #s6_16 .block_a_dx, #s6_156 .block_a_dx { float: right; padding: 7.5% 5% 7.5% 5%; } #s5_16, #s5_156, #s6_16, #s6_156 { width: 100%; float: none; } #s5_16 .text_block, #s6_16 .text_block, #s5_156 .text_block, #s5_156 .text_block { text-align: center; } #s5_16 .block_b_sx.text_block, #s5_156 .block_b_sx.text_block { padding: 0; } #s5_16 .text_block, #s6_16 .text_block, #s5_156 .text_block, #s5_156 .text_block { text-align: center; padding: 0; float: none; } /* Page Azienda */ .text_block p { width: 100%; } /* Page Qualità */ #s4_20 p, #s4_161 p { width: 100%; } /* Page Contatti */ #contact_2 li { text-align: center; } #s2_22 iframe, #s2_149 iframe { height: 50vh; right: 0%; } #form_subtitle { width: 80%; } div.wpcf7 { width: 100%; } /*__ FORM __*/ .form-input { width: 100%; float: none; } .form-input input { width: 100%; clear: both; } .form-input.form-azienda input, .form-input.input-mail input { margin-left: 0%; } .form-submit input[type="submit"] { width: 100%; margin: 0; } /*__ EXTRA __*/ .link { padding: 10px 36px; } } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓┏━┓┏━┓ ┃┃ ┃┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃┗┓┗┛┏┛ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┗━┛┃ ┗┓┏┛ ┗━━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━━┛ ┏┛┗┓ ┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┏┛┏┓┗┓ ┗┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━┛┗━┛ MOBILE PORT */ @media screen and (max-width: 480px) { /* Fonts Misc */ h1 {} h2 {} h3 {} h4 { font-size: 18px; } p, li { font-size: 18px; } a {} /*__ HEADER __*/ .head_container_i { padding: 2.5vh 5%; } .head_logo { width: 160px; } .lang { height: 50px; } .lang a { background-size: 16px; padding-right: 20px; } .head_hamburger { height: 50px; } .head_hamburger p { display: none; } /*__ MENU __*/ .overlay_menu { width: 100%; left: 0; } #menu-menu a, #menu-menu_en a { font-size: 24px; } /*__ HOMEPAGE __*/ /* Section 1 */ .main_container { width: 100%; margin: 0; } .s1_title h2 { font-size: 30px; } .s1_title h1 { font-size: 42px; } /* Section 2 */ .block_a_i, .block_b_i { padding: 7.5% 0; } .text_block h3 { font-size: 22px; } .text_block h2 { font-size: 24px; } .link { padding: 10px 24px; font-size: 22px; } .link p { font-size: 22px; } /* Section 3 */ .home_service_title h2 { font-size: 48px; } .big_line { width: 100px; height: 6px; } .home_service_block_i h3 { font-size: 24px; } /* Section 4 */ .video_block a img { width: 100px; } .video_block a p { font-size: 40px; } /* Section 5 */ .quality_row h3 { font-size: 22px; } .quality_row h2 { font-size: 24px; } /*__ FOOTER __*/ .foot_container { padding-bottom: 0; } .foot_content { width: 100%; margin: 0; } .foot_content_i { padding: 10% 5% 7.5% 5%; } #foot_block_1 a img { width: 120px; } #foot_block_1 a p { font-size: 24px; } .foot_block h4 { font-size: 28px; } .foot_line { height: 2px; } #foot_block_3 .credits li, #foot_block_3 .credits li a { font-size: 12px; } /*__ PAGE __*/ /* Page Automotive */ #s2_12 h2. #s2_142 h2 { font-size: 40px; } .tile { width: calc(100% / 2); } .tile img { max-height: 50px; } #tile_4 { box-shadow: 0 0 10px 1px rgba(30,30,30,0.2) inset; } #tile_3 { box-shadow: none; } /* Page Servizi */ /* Page Lavorazioni */ /* Page Azienda */ /* Page Qualità */ /* Page Contatti */ .contact_video { width: 90%; } .contact_video img { width: 50px; } .contact_video p { font-size: 24px; } #s2_22 h2, #s2_149 h2 { font-size: 24px; } #s3_22 h3, #s3_149 h3 { font-size: 24px; } #form_subtitle { width: 100%; } /*__ FORM __*/ .form-input input { font-size: 18px; } .form-privacy p, .form-privacy a { font-size: 14px; } .form-submit input[type="submit"] { font-size: 26px; } /*__ EXTRA __*/ #s1_24 .s1_title p, #s1_151 .s1_title p { font-size: 26px; } }