/*SLI Requested for Product Finder: "Include the following css on the page, preferably in the tag.*/ .product-finder-form-container { padding: 3rem 0 5rem; font-family: 'Archivo Narrow', sans-serif; margin:-1rem auto 0; z-index: 999; background-color: #fff; width:95%; box-shadow:4px 1px 11px 4px rgba(0, 0, 0, 0.1) } @media (min-width:640px) { .product-finder-form-container { padding-left:5rem; padding-right:5rem; padding-bottom:8rem; } } @media (min-width:768px) { .product-finder-form-container { width:67%; } } @media (min-width:1170px) { .product-finder-form-container { margin-top:-5rem; } } .product-finder-form-container h2 { font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; text-align: center; font-size: 1.05rem; letter-spacing: .75px; border-bottom: 2px solid #353733; padding-bottom: 1rem; margin-bottom: 4rem; } @media (min-width:640px) { .product-finder-form-container .column { border-bottom:1px solid #b5b5b5; padding-bottom:.5px; padding-right:0; } } .product-finder-form-container label { text-transform: uppercase; color: #b5b5b5; font-weight: bold; height:28px; padding-top:.5rem; } @media (min-width:960px) { .product-finder-form-container .age label { width:20%; } .product-finder-form-container .age select { width:80%; } .product-finder-form-container .gender select { width:65%; } .product-finder-form-container .height label { width:28%; } .product-finder-form-container .height select { width:72%; } } @media (min-width:640px) { .product-finder-form-container select { background:none; border:none; font-size:17px; } } .product-finder-submit-container{ text-align:center; margin:auto; border-bottom:none!important; margin-top:1.75rem; } @media (min-width:640px) { .product-finder-submit-container{ margin-top:0; } } .product-finder-submit { background-color: #f3c364; color: #fff; text-transform: uppercase; font-size: 1.25rem; letter-spacing: .25rem; border: none; padding:1.25rem; } @media (min-width:640px) { .product-finder-form-container .row { margin-bottom:4rem; } .product-finder-form-container .column { padding-bottom:.5rem; padding-left:0; } .product-finder-form-container .column.large-three-tenths:nth-of-type(1), .product-finder-form-container .column.large-three-tenths:nth-of-type(2), .form-second-row .column:first-of-type { margin-right:5%; } .product-finder-form-container label { float:left; display:inline-block; width:30%; } .product-finder-form-container select { float:right; display:inline-block; width: 70% } } .social-media { text-align:center; margin-top: 2rem; } @media (min-width:960px) { .form-second-row .column { width:47.5%; } }