:root { --blue-bright: #110192; --blue-bars: #03002e; --white-text: #edecec; --slate-blue: #6162d1; --white: white; --orange: #d39336; --blue-bg: #00007d; --black: black; --sea-green: #00783b; --slate-blue-2: #6060ae; --trans: transparent; --thistle: #d3b5b5; --sienna: #ac633a; --midnight-blue: #1b3251; --blue: #4e00e5; --blue-2: #4b00e4; --purple: #9d00ff; --dark-purple: #3b3b3b; --blue2: #4c4dbe; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-layout-layout { grid-row-gap: 20px; grid-column-gap: 20px; grid-auto-columns: 1fr; justify-content: center; padding: 20px; } .w-layout-cell { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .menu-tim { float: right; clear: none; background-color: var(--blue-bright); color: #4c576d; text-align: right; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; display: block; position: relative; top: 0; right: 0; } .nav-tim { z-index: 999; opacity: 1; color: #89a; text-align: right; background-color: #384b62; border-top: 3px #000; border-bottom: 0 #ffffff80; width: 100%; height: 40px; margin-top: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; font-size: 14px; transition: opacity .2s; display: block; position: fixed; inset: 0% 0% auto; box-shadow: 0 0 7px 7px #000000b3; } .but-tim { color: #dee7e4b3; text-align: center; letter-spacing: 1px; background-color: #0000; border: 1px #000; width: auto; height: 40px; margin-left: 5px; margin-right: 5px; padding: 15px 10px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 400; line-height: 12px; text-decoration: none; transition: all 1s; } .but-tim:hover { color: #fffffff2; background-color: #0000; } .but-tim:active { color: #dee7e4b3; background-color: #0000; background-image: none; } .but-tim:focus { color: #dee7e4b3; background-color: #0000; transition-property: none; } .but-tim.w--current { border-style: none; border-width: 6px 6px 1px; border-color: transparent transparent var(--white-text); color: var(--blue-bars); text-align: center; letter-spacing: 1px; background-color: #d39336e6; width: auto; margin: 0 5px; padding: 15px 10px; font-size: 12px; font-weight: 600; line-height: 12px; text-decoration: none; transition-property: none; } .but-tim.w--current:hover { color: var(--blue-bars); font-size: 12px; } .but-tim.w--current:active { color: var(--blue-bars); } .containter-tim { float: right; clear: none; border-bottom: 1px solid var(--white-text); background-color: var(--blue-bright); justify-content: center; align-items: center; width: auto; height: 40px; min-height: 40px; max-height: 40px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-left: 0; padding-right: 0; display: block; } .link-ut { color: #ff8200a6; text-decoration: none; transition: opacity .4s; } .link-ut:hover { opacity: .7; } .bold-pdf { text-decoration: none; } .bold-pdf:hover { opacity: .8; } .grid-footer { grid-column-gap: 2px; grid-row-gap: 2px; color: #edecec80; grid-template-rows: auto; grid-template-columns: 1fr; width: 75%; min-width: 75%; max-width: 75%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 15px; } .text-footer-links { color: #ffffff59; text-align: center; letter-spacing: normal; border: 1px #000; border-top: 1px solid #89a3; width: 90%; min-width: 90%; max-width: 90%; margin: 15px auto 10px; padding-top: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: 400; line-height: 13px; } .footer-link { color: #ffffff59; font-size: 11px; line-height: 13px; text-decoration: none; } .footer-link:hover { text-decoration: underline; } .footer-link:active { text-decoration: none; } .nav-ken { z-index: 999; border-top: 0 #000; border-bottom: 1px none var(--white-text); background-color: var(--blue-bright); opacity: 1; color: #634b23; text-align: right; width: 100%; min-width: 100%; max-width: 100%; height: 40px; margin-top: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; font-size: 14px; display: block; position: fixed; inset: 0% 0% auto; box-shadow: 0 2px 4px #000; } .link-text { color: var(--orange); font-weight: 700; line-height: 30px; text-decoration: none; transition: all .8s; } .link-text:hover { color: #d39336bf; text-decoration: none; } .link-text:active { text-decoration: none; } .body-ken { border-style: none; border-width: 1px; border-color: var(--blue-bg) #212d38 #212d38; background-color: var(--blue-bg); color: var(--white-text); } .ken-list-item { width: 100%; min-width: 100%; max-width: 100%; } .ken-list-research-interests { width: 80%; min-width: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } .ken-list-research { width: 100%; min-width: 100%; max-width: 100%; } .ken-hover { color: var(--white-text); font-size: 20px; font-weight: 600; line-height: 20px; } .head-top-ken { opacity: 1; color: var(--white-text); width: 80%; min-width: 80%; max-width: 80%; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 600; line-height: 20px; } .head-top-ken:hover { opacity: 1; color: #faf9f6; } .head-top-ken:active { color: #faf9f6; } .grid-8-pics-phone, .grid-9-pics-ph-narrow { display: none; } .caption { border-left: 1px #e2e2e233; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 25px; padding-top: 6px; padding-bottom: 6px; padding-left: 0; font-family: Montserrat, sans-serif; font-size: 16px; } .head-ken-home-only { border-bottom: 3px none var(--blue-bg); opacity: .95; color: var(--blue-bg); text-align: left; letter-spacing: normal; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; font-family: Varela Round, sans-serif; font-size: 60px; line-height: 60px; text-decoration: none; } .head-home-only { border-bottom: 1px none var(--blue-bg); text-align: left; width: 90%; min-width: 90%; max-width: 90%; margin: 0 auto; padding: 120px 10px 0 0; font-family: Varela Round, sans-serif; font-size: 35px; line-height: 35px; } .ken-text-top-page { opacity: 1; color: var(--white-text); text-align: left; width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; } .text-papers-ken { opacity: 1; color: var(--white-text); text-align: left; width: 90%; min-width: 90%; max-width: 90%; margin: 20px auto 40px; padding-top: 0; padding-bottom: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } .head-pubs-phn { display: none; } .grid-books { grid-column-gap: 0px; grid-row-gap: 40px; border-top: 1px #edecec33; border-bottom: 1px #edecec33; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1.5fr; width: 60%; min-width: 60%; max-width: 60%; margin: 10px auto 20px; padding-top: 25px; padding-bottom: 0; } .book-text { border-top: 1px #d3933680; width: 100%; min-width: 100%; max-width: 100%; margin-top: 30px; padding-top: 0; font-family: Montserrat, sans-serif; font-size: 18px; line-height: 25px; } .grid-books-ph-n { display: none; } .book-link { width: 90%; min-width: 90%; max-width: 90%; } .pic-book-desktop { width: 100%; min-width: 100%; max-width: 100%; transition: all .5s; } .pic-book-desktop:hover { opacity: .75; } .p1, .p2 { border-radius: 0; width: 100%; min-width: 100%; } .grid-ken-dt-3x2 { grid-column-gap: 20px; grid-row-gap: 3px; border-top: 1px #edecec33; border-bottom: 1px #edecec33; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; width: 75%; min-width: 75%; max-width: 75%; margin: 40px auto 0; padding-top: 0; padding-bottom: 0; } .pthree, .p4, .p5, .p6, .p7, .p8, .p9 { border-radius: 0; width: 100%; min-width: 100%; } .link, .link-2 { display: none; } .book-text-phn { width: 100%; min-width: 100%; max-width: 100%; font-family: Montserrat, sans-serif; font-size: 18px; line-height: 22px; } .link-books { color: var(--orange); font-size: 17px; font-weight: 800; line-height: 26px; text-decoration: none; transition: all .5s; } .link-books:hover { color: #d39336bf; text-decoration: none; } .link-books:active { text-decoration: none; } .grid-software { grid-column-gap: 0px; grid-row-gap: 15px; border-top: 1px #edecec33; border-bottom: 1px #edecec33; grid-template-rows: auto auto; grid-template-columns: .75fr 1fr; width: 80%; min-width: 80%; max-width: 80%; margin: 0 auto 20px; padding-top: 0; padding-bottom: 0; } .pic-software { width: 100%; min-width: 100%; transition: all .5s; } .pic-software:hover { opacity: .75; } .circlepack-software-pic { width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; margin-left: 55px; margin-right: 20px; padding-right: 20px; } .italic-text { font-size: 17px; line-height: 26px; } .grid-software2 { display: none; } .software-text2 { border-top: 1px #d3933666; width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 10px; padding-right: 20px; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 26px; } .text-near-software-pic { border-top: 1px #d39336e6; width: 80%; min-width: 80%; max-width: 80%; margin-top: 80px; padding-top: 0; padding-left: 10px; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 22px; } .java-link { color: var(--orange); font-size: 17px; font-weight: 700; line-height: 25px; text-decoration: none; transition: all .5s; } .java-link:hover { color: #d39336bf; text-decoration: none; } .java-link:active { text-decoration: none; } .grid-contact { grid-column-gap: 0px; grid-row-gap: 0px; border-top: 1px #edecec33; border-bottom: 1px #edecec33; grid-template-rows: auto auto; grid-template-columns: 1fr 3fr; place-content: center; place-items: center; width: 90%; min-width: 90%; max-width: 90%; margin: 20px auto; padding-top: 0; padding-bottom: 20px; } .contact-text { border-top: 1px #d3933680; width: 80%; min-width: 80%; max-width: 80%; margin-top: 20px; margin-left: auto; margin-right: auto; padding-top: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 30px; } .ken-pic { width: 65%; min-width: 65%; max-width: 65%; margin-top: 20px; margin-left: 30px; } .ken-contact-head { border-top: 1px #edecec33; border-bottom: 1px #edecec33; width: 75%; min-width: 75%; max-width: 75%; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 25px; font-weight: 500; line-height: 28px; } .text-700 { font-size: 20px; font-weight: 800; } .grid-contact-phn { display: none; } .pic-ken-phn { width: 100%; min-width: 100%; transition: all .5s; } .pic-ken-phn:hover { opacity: .75; } .text-software-pic-dt { width: 80%; min-width: 80%; max-width: 80%; font-size: 17px; font-weight: 700; line-height: 25px; } .grid-home { grid-column-gap: 20px; grid-row-gap: 20px; grid-template: ". Area" / 7fr; grid-auto-flow: column; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 40px; margin-left: auto; margin-right: auto; } .ur-pics { border: 0 #000; border-radius: 0; width: 100%; min-width: 100%; margin-top: 40px; } .text-background { opacity: 1; color: var(--white-text); text-align: left; width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto 20px; padding-top: 0; padding-bottom: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 30px; display: none; } .sect-quad-cell, .div-4-pics { display: none; } .section-pubs { width: 90%; min-width: 90%; max-width: 90%; margin-top: 40px; margin-left: auto; margin-right: auto; } .top-books { border-top: 1px none var(--blue-bg); background-image: url('../images/top-ken-stephenson.jpg'); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; border-bottom: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-top: 80px; padding-top: 0; position: relative; } .top-books:hover, .top-books:focus { color: var(--blue-bright); } .top-pubs { background-image: url('../images/top-pubs.jpg'); background-position: 100%; background-repeat: no-repeat; background-size: cover; border-top: 1px #edecec80; border-bottom: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-top: 80px; padding-top: 0; position: relative; } .top-pubs:hover, .top-pubs:focus { color: var(--blue-bright); } .top-software { color: var(--slate-blue-2); background-image: url('../images/top-cpsoftware.jpg'); background-position: 100%; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; border-top: 1px #edecec80; border-bottom: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-top: 80px; padding-top: 0; position: relative; } .top-software:hover, .top-software:focus { color: var(--blue-bright); } .top-contact { background-image: url('../images/top-contact-ken.jpg'); background-position: 100%; background-repeat: no-repeat; background-size: cover; border-top: 1px #edecec80; border-bottom: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-top: 80px; padding-top: 0; position: relative; } .top-contact:hover, .top-contact:focus { color: var(--blue-bright); } .grid-home-right-pics { grid-column-gap: 0px; grid-row-gap: 8px; grid-template-rows: auto auto; grid-template-columns: 1fr; } .head-pub-phn2, .head-pubs-phn-copy { display: none; } .ken-top { background-color: var(--blue-bright); background-image: url('../images/top-ken-stephenson.jpg'); background-position: 100% 0; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; border-top: 1px #edecec80; border-bottom: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-top: 80px; padding-top: 0; position: relative; } .ken-top:hover, .ken-top:focus { color: var(--blue-bright); } .link-email { opacity: 1; color: var(--orange); text-decoration: none; transition: all 1s, all .8s; } .link-email:hover { color: #d39336b3; text-decoration: none; } .link-email:active { color: #d39336; } .footer-right-top { opacity: 1; text-align: left; border: 1px #000; border-left: 0 #fff3; width: 100%; min-width: 100%; max-width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 700; transition: all .8s; } .footer-right-top:hover { opacity: .82; } .link-footer-2 { color: #281b0d; text-align: left; letter-spacing: 0; font-family: Varela, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration: none; transition: all .5s; } .link-footer-2:hover { color: #281b0da6; text-decoration: none; } .link-footer-2:active { color: #281b0d; } .link-footer-2.w--current { color: var(--white); font-family: Varela Round, sans-serif; } .link-tw { color: #281b0d; letter-spacing: 0; font-family: Varela, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration: none; transition: all .5s; } .link-tw:hover { color: #281b0da6; text-decoration: none; } .link-tw:active { color: #281b0d; } .grid-nav-foot { grid-column-gap: 0px; grid-row-gap: 0px; text-align: left; border: 1px #d6b6df40; border-left: 1px solid #fff3; grid-template-rows: auto auto auto auto auto; grid-template-columns: 1fr; place-content: center; place-items: center; width: 80%; min-width: 80%; max-width: 80%; height: auto; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; } .grid-nav-foot:active, .grid-nav-foot:focus { border-left-style: solid; } .footer-right-mid { opacity: 1; color: var(--white); text-align: left; border: 1px #000; border-left-color: #fff3; width: 100%; min-width: 100%; max-width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 700; transition: all .8s; } .footer-right-mid:hover { opacity: .82; } .text-foot-dt { opacity: 1; color: #fffffff2; text-align: left; width: 65%; min-width: 65%; max-width: 65%; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 600; transition: all .8s; } .text-foot-dt:hover { opacity: 1; color: #fffffff2; } .text-foot-dt:active { color: #fffffff2; } .foot-dec-15 { background-color: #fff; background-image: url('../images/footer-novelli-guitars.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100%; min-width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .footer-right-bot { opacity: 1; color: var(--white); text-align: left; border: 1px #000; border-left-color: #fff3; width: 100%; min-width: 100%; max-width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 700; transition: all .8s; } .footer-right-bot:hover { opacity: .82; } .bold-text-dt-footer { opacity: 1; color: var(--white); text-align: left; letter-spacing: 1px; width: 100%; font-family: Varela Round, sans-serif; font-weight: 700; transition: all .8s; } .bold-text-dt-footer:hover { opacity: 1; color: var(--white); } .foot-ken-dt { object-fit: fill; background-color: #17196c80; background-image: url('../images/foot-bg.jpg'); background-position: 50%; background-size: cover; border-top: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; position: absolute; } .foot-ken-dt-june { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 2fr .5fr; place-content: center start; place-items: center start; width: 90%; min-width: 90%; max-width: 90%; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; } .grid-foot-ken { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; place-content: center start; place-items: center start; width: 100%; min-width: 100%; max-width: 100%; height: auto; margin-top: 0; margin-bottom: 0; padding-left: 0; } .link-ken { opacity: 1; color: #fffffff2; text-decoration: none; } .link-ken:hover { opacity: 1; color: var(--white); text-decoration: none; } .link-ken:active { color: var(--white); } .grid-foot-6-rows, .foot-ken-tab { display: none; } .hb { border-bottom: 1px dotted var(--slate-blue); text-align: left; letter-spacing: 0; width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; padding-bottom: 7px; font-family: Montserrat, sans-serif; font-size: 30px; font-weight: 200; line-height: 30px; } .bold-head-top-link { text-decoration: none; } .bold-head-top-link.w--current { font-size: 60px; line-height: 60px; text-decoration: none; } .link-3 { text-decoration: none; } .link-5 { font-family: Varela, sans-serif; } .link-6 { font-family: Merriweather, serif; } .link-7 { font-family: Montserrat, sans-serif; } .link-8 { font-family: Open Sans, sans-serif; } .link-9 { font-family: Tahoma, Verdana, Segoe, sans-serif; } .link-10 { font-family: Ubuntu, Helvetica, sans-serif; } .link-11 { font-family: Varela, sans-serif; } .link-12, .link-13 { font-family: Varela Round, sans-serif; } .link-14 { color: var(--white); } .pic-ken-contact-phn { display: none; } .grid-links-contact { grid-column-gap: 15px; grid-row-gap: 15px; grid-template-rows: auto auto auto auto; grid-template-columns: 3.75fr; place-content: center start; place-items: center start; width: 80%; min-width: 80%; max-width: 80%; margin-top: 5px; margin-left: auto; margin-right: auto; } .text-for-contact-grid { width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 10px; margin-left: auto; margin-right: auto; font-family: Montserrat, sans-serif; font-size: 17px; transition: all .8s; } .head-phn-home-only { display: none; } .link-contact-dt { color: var(--orange); font-family: Montserrat, sans-serif; font-size: 17px; font-style: normal; font-weight: 600; text-decoration: none; transition: all .8s; } .link-contact-dt:hover { opacity: .8; } .link-email2 { color: var(--orange); font-size: 17px; font-weight: 600; line-height: 30px; text-decoration: none; transition: all .5s; } .link-email2:hover { color: #d39336bf; text-decoration: none; } .link-email2:active { text-decoration: none; } .sect-for-pics-home { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .link-books-2 { color: var(--orange); font-size: 17px; font-weight: 500; line-height: 30px; text-decoration: none; transition: all .5s; } .link-books-2:hover { color: #d39336bf; text-decoration: none; } .link-books-2:active { text-decoration: none; } .bold-home-dt { font-size: 20px; } .grid-fancy-nav-dt-2 { float: none; grid-column-gap: 10px; grid-row-gap: 0px; background-color: #000; grid-template-rows: auto; grid-template-columns: 10fr .25fr .25fr .25fr .25fr .25fr .25fr .25fr .25fr; grid-auto-columns: .25fr; place-content: start; place-items: start; width: 100%; min-width: 100%; max-width: 100%; height: 90px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-right: 15px; } .link-block-logo-dt-2 { z-index: 999; margin-top: 0; margin-left: 2px; margin-right: 0; position: relative; } .link-block-logo-dt-2.w--current { margin-top: 0; margin-left: 2px; margin-right: 0; } .button-fancy-nav-2 { opacity: 1; color: var(--white); text-align: center; background-color: #0000; border-right: 1px #b07d02; width: auto; min-width: auto; max-width: none; height: auto; margin: 35px 7px 0 10px; padding: 0; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 700; line-height: 15px; transition: all 1s; position: static; } .button-fancy-nav-2:hover { color: var(--slate-blue-2); margin-right: 7px; } .button-fancy-nav-2.w--current { opacity: 1; color: var(--slate-blue-2); background-color: #0000; border-bottom: 1px #b07d02cc; height: auto; margin-top: 35px; margin-left: 10px; margin-right: 7px; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 15px; font-weight: 700; transition-duration: .8s; } .button-fancy-nav-2.w--current:hover { opacity: 1; color: var(--slate-blue-2); background-color: #0000; border-bottom-color: #b07d02cc; } .button-fancy-nav-2.w--current:active { opacity: .8; color: var(--slate-blue-2); border-bottom-color: #b07d02cc; } .button-fancy-nav-2.w--current:focus { color: var(--slate-blue-2); background-color: #0000; border-bottom: 0 #000; border-right-style: none; border-right-width: 0; } .button-fancy-nav-2.w--current:visited { opacity: .8; color: var(--slate-blue-2); background-color: #0000; border-bottom-style: none; border-bottom-width: 0; } .grid-nav-ken { z-index: 999; grid-column-gap: 15px; border-top: 1px #b07d02f2; border-bottom: 1px none var(--white); background-color: var(--blue-bars); opacity: 1; color: #0000; grid-template-columns: 27fr .25fr .25fr .25fr .25fr; grid-auto-columns: .25fr; grid-auto-flow: column; place-content: start; place-items: start end; width: 100%; min-width: 100%; max-width: 100%; height: 80px; min-height: 80px; max-height: 80px; margin-top: 0; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-right: 15px; position: fixed; inset: 0% 0% auto; } .ken-logo { float: left; opacity: 1; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; margin-top: 14px; padding-top: 0; padding-bottom: 0; padding-left: 0; } .ken-logo:hover { opacity: 1; } .logo-tngas { float: left; opacity: 1; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; padding-top: 0; padding-bottom: 0; padding-left: 0; } .logo-tngas:hover { opacity: 1; } .brand-box { z-index: 999; margin-top: 0; margin-left: 0; } .brand-box.w--current { z-index: 999; width: auto; height: auto; display: block; position: absolute; inset: 0% auto auto 0%; } .brand-box.w--current:hover { opacity: 1; } .grid-3 { z-index: 999; grid-column-gap: 15px; opacity: 1; border-top: 1px #b07d02f2; grid-template-columns: 27fr .25fr .25fr .25fr .25fr .25fr .25fr; grid-auto-columns: .25fr; grid-auto-flow: column; place-content: start; place-items: start end; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-right: 15px; position: static; } .button-fancy-nav-3 { opacity: 1; color: #d3d3d3cc; text-align: center; background-color: #0000; border-right: 1px #b07d02; width: auto; min-width: auto; max-width: none; height: auto; margin: 50px 3px 0; padding: 0; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 13px; transition: all .3s; position: static; } .button-fancy-nav-3:hover { color: #b07d02bf; margin-right: 3px; } .button-fancy-nav-3.w--current { opacity: 1; color: #d3d3d3cc; background-color: #0000; border-bottom: 1px #b07d02cc; height: auto; margin-top: 60px; margin-left: 3px; margin-right: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 13px; } .button-fancy-nav-3.w--current:hover { opacity: 1; color: #c0c0c080; background-color: #0000; border-bottom-color: #b07d02cc; } .button-fancy-nav-3.w--current:active { opacity: .8; color: #c0c0c080; border-bottom-color: #b07d02cc; } .button-fancy-nav-3.w--current:focus { color: #b07d02b3; background-color: #0000; border-bottom: 0 #000; border-right-style: none; border-right-width: 0; } .button-fancy-nav-3.w--current:visited { opacity: .8; color: #b07d02cc; background-color: #0000; border-bottom-style: none; border-bottom-width: 0; } .but-ma-a { opacity: 1; color: #b07d02cc; text-align: left; background-color: #0000; border-right: 1px #b07d02; width: auto; height: 20px; margin: 60px 3px 0; padding: 0; font-family: Varela Round, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; } .but-ma-a:hover { color: #c0c0c080; margin-right: 3px; } .but-ma-a.w--current { opacity: 1; color: #b07d02cc; background-color: #0000; border-bottom: 1px #b07d02cc; height: 20px; margin-top: 60px; margin-left: 3px; margin-right: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 14px; } .but-ma-a.w--current:hover { opacity: 1; color: #d3d3d3cc; background-color: #0000; border-bottom-color: #b07d02cc; } .but-ma-a.w--current:active { opacity: .8; color: #c0c0c080; border-bottom-color: #b07d02cc; } .but-ma-a.w--current:focus { color: #b07d02b3; background-color: #0000; border-bottom: 0 #000; border-right-style: none; border-right-width: 0; } .but-ma-a.w--current:visited { opacity: .8; color: #b07d02cc; background-color: #0000; border-bottom-style: none; border-bottom-width: 0; } .menu { float: none; clear: none; opacity: 1; color: #4c576d; text-align: right; background-color: #000; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; min-width: 100%; max-width: 100%; height: 90px; margin-left: auto; margin-right: auto; padding-top: 0; padding-left: 0; display: block; position: relative; top: auto; right: auto; } .link-block-logo-dt-3 { z-index: 999; height: 100px; min-height: 100px; max-height: 100px; margin-top: 0; margin-left: 2px; margin-right: 0; position: relative; } .link-block-logo-dt-3.w--current { width: 165px; min-width: 165px; max-width: 165px; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: 0; margin-right: 0; } .logo-fancy-top-dt-2 { z-index: 999; float: left; background-color: #000; border: 1px #000; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-bottom: 0; margin-left: 0; position: static; inset: 0% auto auto 0%; } .container { float: none; clear: none; background-color: #000; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; min-width: 100%; max-width: 100%; height: 90px; min-height: 90px; max-height: 90px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-left: 0; padding-right: 0; display: block; position: static; inset: 0% 0% auto; } .but-ma-e { opacity: 1; color: #d3d3d3cc; text-align: left; background-color: #0000; border-right: 1px #b07d02; width: auto; height: 20px; margin: 60px 3px 0; padding: 0; font-family: Varela Round, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; } .but-ma-e:hover { color: #c0c0c080; margin-right: 3px; } .but-ma-e.w--current { opacity: 1; color: #b07d02cc; background-color: #0000; border-bottom: 1px #b07d02cc; height: 20px; margin-top: 60px; margin-left: 3px; margin-right: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 14px; } .but-ma-e.w--current:hover { opacity: 1; color: #b07d02cc; background-color: #0000; border-bottom-color: #b07d02cc; } .but-ma-e.w--current:active { opacity: .8; color: #b07d02cc; border-bottom-color: #b07d02cc; } .but-ma-e.w--current:focus { color: #b07d02b3; background-color: #0000; border-bottom: 0 #000; border-right-style: none; border-right-width: 0; } .but-ma-e.w--current:visited { opacity: .8; color: #b07d02cc; background-color: #0000; border-bottom-style: none; border-bottom-width: 0; } .nav-mobile-ken { z-index: 999; opacity: 1; color: #89a; text-align: right; background-color: #000; border-top: 0 #000; border-bottom: 0 #000; width: 100%; min-width: 100%; max-width: 100%; height: 90px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; font-size: 14px; display: none; position: absolute; inset: 0% 0% auto; } .books-section { width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; } .head-contact-only { text-align: left; border-bottom: 1px solid #ffffff80; width: 90%; min-width: 90%; max-width: 90%; margin: 30px auto 0; padding-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 40px; font-weight: 200; line-height: 30px; } .logo-ken { float: left; opacity: 1; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; padding-top: 0; padding-bottom: 0; padding-left: 0; } .logo-ken:hover { opacity: 1; } .logo-ken2 { float: left; opacity: 1; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; padding-top: 0; padding-bottom: 0; padding-left: 0; } .logo-ken2:hover { opacity: 1; } .logo-ken3 { float: left; opacity: 1; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; min-height: auto; max-height: none; padding-top: 0; padding-bottom: 0; padding-left: 0; } .logo-ken3:hover { opacity: 1; } .section-home-pics-dt { width: 60%; min-width: 60%; max-width: 60%; margin-top: 40px; margin-left: auto; margin-right: auto; } .slide1 { width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .pic1 { width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; display: inline-block; } .slide-1 { min-width: auto; } .pic2 { width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; } .slide-nav { display: none; } .sect-home-dt-words-pics { width: 100%; min-width: 100%; max-width: 100%; margin: 20px auto 40px; } .mask-ken { width: 100%; margin-left: auto; margin-right: auto; } .cell-words { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; } .slider-ken { width: 70%; } .cell-pics { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; } .qs-ken-home { grid-column-gap: 0px; grid-row-gap: 0px; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: auto; margin-right: auto; padding: 0; } .pic3 { min-width: auto; max-width: none; } .left-arrow { background-color: var(--blue-bg); opacity: 1; width: 40px; min-width: 40px; max-width: 40px; font-size: 14px; font-weight: 700; line-height: 20px; } .right-arrow { background-color: var(--blue-bg); opacity: 1; width: 40px; min-width: 40px; max-width: 40px; font-weight: 700; } .icon-5 { opacity: 1; width: auto; margin-left: 5px; margin-right: 5px; font-size: 30px; font-weight: 400; } .icon-6 { opacity: 1; width: auto; margin-left: 5px; margin-right: 5px; font-size: 30px; font-weight: 400; line-height: 18px; } .heading { font-family: Montserrat, sans-serif; } .head-dt { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; font-family: Montserrat, sans-serif; font-size: 26px; font-weight: 200; line-height: 32px; } .text-block { font-family: Montserrat, sans-serif; } .text-home { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 15px; line-height: 27px; } .section-top-head { width: 92%; min-width: 92%; max-width: 92%; margin-top: 20px; margin-left: auto; margin-right: auto; } .text-home-p2 { border-right: 1px none var(--slate-blue); border-left: 1px none var(--slate-blue-2); text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-top: 20px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 16px; line-height: 26px; } .slider-ken-ph-narrow-only { display: none; } .cell-for-slider { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; } .bold-text { letter-spacing: 0; font-size: 20px; font-weight: 400; } .pic4 { min-width: auto; max-width: none; } .sect-rotation { border-top-left-radius: 0; border-top-right-radius: 0; width: 97%; min-width: 97%; max-width: 97%; height: auto; min-height: auto; max-height: none; margin: 10px auto; padding-bottom: 0; } .kenbook { flex: 0 auto; align-self: center; width: auto; min-width: auto; max-width: none; margin-right: 20px; } .cell-for-book { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-end; align-items: center; padding-bottom: 40px; } .ken-subhead { letter-spacing: 5px; font-size: 26px; font-weight: 300; } .slider-circle-pack { background-color: var(--blue-bg); align-self: center; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-left: auto; margin-right: auto; } .image { min-width: auto; max-width: none; } .slide-nav-2 { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .left-arrow-2 { color: var(--orange); margin-bottom: 35px; font-size: 14px; font-weight: 700; display: none; } .slide-2 { width: auto; min-width: auto; } .mask { border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-left: auto; margin-right: auto; overflow: hidden; } .slide-3 { min-width: auto; } .duo-1 { vertical-align: top; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; } .duo-1-pic { border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: inline-block; overflow: visible; } .ken-bot-slider { width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; padding-top: 10px; padding-bottom: 0; font-size: 12px; position: static; inset: auto 0% 0%; } .duo-2 { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .sect-home-book-and-words { width: 85%; min-width: 85%; max-width: 85%; margin: 0 auto; } .qs-home-book-and-words { grid-column-gap: 0px; grid-row-gap: 0px; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0; } .cell-l, .cell { justify-content: center; align-items: center; } .cell-for-ayers-pic { justify-content: flex-start; align-items: center; padding-top: 40px; } .cell-slider { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center; align-items: center; } .icon-7 { z-index: 999; color: var(--slate-blue); font-family: Montserrat, sans-serif; font-size: 35px; font-weight: 400; line-height: 35px; transition: all .8s; inset: auto auto 0% 0%; } .icon-7:hover { opacity: .5; } .icon-8 { z-index: 999; color: var(--slate-blue); font-family: Montserrat, sans-serif; font-size: 35px; font-weight: 400; line-height: 35px; transition: all .8s; inset: auto 0% 0% auto; } .icon-8:hover { opacity: .5; } .right-arrow-2 { margin-bottom: 35px; font-weight: 700; display: none; } .image-2, .image-2-copy, .ks-pic { align-self: center; } .text-home-right { border-style: none none none solid; border-width: 1px; border-color: var(--slate-blue) var(--slate-blue) var(--slate-blue) var(--slate-blue-2); text-align: left; width: 88%; min-width: 88%; max-width: 88%; margin: 20px auto 0; padding: 15px 0 15px 10px; font-family: Montserrat, sans-serif; font-size: 15px; line-height: 28px; } .stephenson { flex: 0 auto; align-self: center; width: auto; min-width: auto; max-width: none; margin-right: 20px; } .book-circle-packing { align-self: center; } .cell-for-book2 { justify-content: flex-start; align-items: center; padding-top: 40px; } .cell-for-ken { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-end; align-items: center; padding-bottom: 220px; } .ayres-pic { flex: 0 auto; align-self: center; width: auto; min-width: auto; max-width: none; margin-right: 20px; } .cell-tl { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; padding-top: 40px; padding-bottom: 0; } .cell-ll { justify-content: flex-end; align-items: center; padding-top: 0; padding-bottom: 100px; } .duo-3 { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .sect-home-pw { display: none; } .dt-tab-slider { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: block; } ._3-pics { background-color: #050402; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-left: auto; margin-right: auto; overflow: hidden; } .slide-2-top { background-image: linear-gradient(131deg, #0000 78%, #09131c 94%), url('../images/tngas-2.jpg'); background-position: 0 0, 0 100%; background-repeat: repeat, no-repeat; background-size: auto, cover; border-bottom: 1px #d77b2873; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; overflow: hidden; } .text-slider-2 { opacity: 1; color: #fff; text-align: center; text-shadow: 1px 1px 6px #000; border-bottom: 3px #97763d80; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin: 180px auto 0; padding-top: 0; padding-bottom: 0; padding-left: 0; font-family: Montserrat, sans-serif; font-size: 70px; font-weight: 700; line-height: 60px; position: absolute; inset: 0% 0% auto; overflow: visible; } .div-slide-3 { border-top: 1px solid #000; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-left: auto; margin-right: auto; overflow: hidden; } .mask-for-top { color: #f1f2f4; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-top: 0; margin-left: auto; margin-right: auto; overflow: hidden; } .section-top-home-collage { background-color: #0000; border-bottom: 1px #fff; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-top: 80px; margin-left: auto; margin-right: auto; display: block; overflow: hidden; } .home-head-823 { opacity: 1; text-align: center; letter-spacing: -6px; text-shadow: 4px 3px 5px #050402; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-left: 0; font-family: Montserrat, sans-serif; font-size: 80px; font-weight: 700; line-height: 68px; position: relative; inset: 0% 0% auto; } .text-slider-1 { opacity: 1; color: #fff; text-align: center; letter-spacing: -5px; background-color: #0000; border-bottom: 3px #97763d80; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin: 180px auto 0; padding: 0; font-family: Montserrat, sans-serif; font-size: 78px; font-weight: 200; line-height: 68px; position: absolute; inset: 0% 0% auto; overflow: visible; } .slide-1-top { z-index: 0; background-image: linear-gradient(131deg, #0000 78%, #09131c 94%), url('../images/tennessee-guitar-sound-solo.jpg'); background-position: 0 0, 0%; background-repeat: repeat, no-repeat; background-size: auto, cover; border-bottom: 1px #050402; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-top: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; overflow: hidden; } .slide-3-top { background-image: linear-gradient(131deg, #0000 78%, #09131c 94%), url('../images/tennessee-guitar-sound-repair.jpg'); background-position: 0 0, 50% 100%; background-repeat: repeat, no-repeat; background-size: auto, cover; border-bottom-color: #ffffff4d; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-left: auto; margin-right: auto; overflow: hidden; } .dots { z-index: 888; opacity: .95; color: #fff; text-align: right; letter-spacing: 20px; text-shadow: 3px 0 6px #000; width: 100%; min-width: 100%; max-width: 100%; height: 20px; min-height: 20px; max-height: 20px; margin: 0 auto; padding: 20px 10px 30px 0; font-size: 22px; font-style: normal; line-height: 22px; transition: all .8s; display: block; inset: auto 0% 0%; overflow: hidden; } .div-slide-2 { width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-left: auto; margin-right: auto; overflow: hidden; } .div-slide-1 { letter-spacing: -1px; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-top: 0; margin-left: auto; margin-right: auto; overflow: hidden; } .left-arrow-3 { opacity: 0; color: #fff; -webkit-text-stroke-width: 5px; width: 60px; min-width: 60px; max-width: 60px; height: 100px; min-height: 100px; max-height: 100px; margin: 220px auto 0; text-decoration: none; display: none; inset: 0% auto 0% 0%; overflow: visible; } .right-arrow-3 { opacity: 0; color: #97763d; text-align: left; -webkit-text-stroke-width: 1px; background-color: #1e1f3380; width: 40px; min-width: 40px; max-width: 40px; height: 100px; min-height: 100px; max-height: 100px; margin-top: 0; margin-bottom: 60px; margin-right: 7px; display: none; inset: auto 0% 0% auto; overflow: visible; } .sect-phone-pics { background-color: #0000; border-bottom: 1px #fff; width: 100%; min-width: 100%; max-width: 100%; height: 540px; min-height: 540px; max-height: 540px; margin-top: 80px; margin-left: auto; margin-right: auto; display: none; overflow: hidden; } .sect-pw-only-words { display: none; } .text-phw-only { opacity: 1; color: var(--white-text); text-align: left; width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto 20px; padding-top: 0; padding-bottom: 0; padding-right: 0; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 30px; display: none; } .sect-pics-pw-only { display: none; } .duo-pic2 { border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; overflow: visible; } .duo-pic3 { border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .tablet-only-rotation { display: none; } .slide-one { width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .link-within-text { color: var(--orange); font-size: 17px; font-weight: 800; line-height: 26px; text-decoration: none; transition: all .5s; } .link-within-text:hover { color: #d39336bf; text-decoration: none; } .link-within-text:active { text-decoration: none; } .link-software { color: var(--orange); font-size: 25px; font-weight: 800; line-height: 35px; text-decoration: none; transition: all .5s; } .link-software:hover { color: #d39336bf; text-decoration: none; } .link-software:active { text-decoration: none; } .links-sw { color: var(--orange); font-size: 25px; font-weight: 800; line-height: 35px; text-decoration: none; transition: all .5s; } .links-sw:hover { color: #d39336bf; text-decoration: none; } .links-sw:active { text-decoration: none; } .link-sw3 { color: var(--orange); font-size: 20px; font-weight: 800; line-height: 30px; text-decoration: none; transition: all .5s; } .link-sw3:hover { color: #d39336bf; text-decoration: none; } .link-sw3:active { text-decoration: none; } .books-pnnonly, .sect-home-ph-n { display: none; } .duo-pic-3 { border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; overflow: visible; } @media screen and (max-width: 991px) { .menu-tim { z-index: 999; float: right; clear: none; background-color: var(--blue-bars); opacity: 1; color: #2e5984; text-align: left; border-top: 1px #ffffff80; border-bottom: 1px #ffffff80; border-left: 1px #ffffff80; justify-content: flex-end; width: 45%; min-width: 45%; max-width: 45%; margin: 40px 10px 24px 0; display: block; position: fixed; inset: 0% 0% auto auto; } .nav-tim { color: #ffffff80; background-color: #3a4e6480; background-image: none; height: 50px; margin-top: 0; top: 0; left: 0; box-shadow: 0 0 7px 7px #000000b3; } .icon-4 { color: #fffc; text-align: right; background-image: linear-gradient(#0000, #0000); width: 100px; height: 45px; margin-top: -25px; font-size: 65px; line-height: 45px; position: static; } .but-tim { clear: none; background-color: var(--slate-blue); opacity: 1; color: var(--white); text-align: left; justify-content: flex-end; width: 100%; min-width: 100%; max-width: 100%; height: auto; margin: 0; padding: 20px; font-size: 18px; font-weight: 700; line-height: 18px; transition-property: none; display: block; } .but-tim:hover { background-color: var(--slate-blue); color: var(--white); } .but-tim:active { background-image: none; } .but-tim:focus { background-color: var(--slate-blue); color: var(--white); } .but-tim:visited { background-color: var(--slate-blue); } .but-tim.w--current { clear: none; background-color: var(--blue-bars); color: #ffffffe6; text-align: left; background-image: none; border-top: 2px #ee540eb3; border-bottom: 0 #89a; border-left: 0 #ee540eb3; width: 100%; margin: 0; padding: 20px 25px 25px 20px; font-size: 18px; font-weight: 400; line-height: 12px; position: relative; } .but-tim.w--current:hover { background-color: var(--blue-bars); color: #ffffffb3; background-image: none; font-size: 18px; } .but-tim.w--current:active { background-color: var(--blue-bars); color: #ffffffb3; } .but-tim.w--current:focus { color: #ffffffb3; } .menu-button-tim { color: #c36e0e; height: 45px; min-height: 45px; max-height: 45px; padding-top: 30px; padding-bottom: 8px; padding-right: 0; display: block; position: static; } .menu-button-tim.w--open { background-color: #0000; font-size: 30px; } .containter-tim { float: right; clear: right; background-color: var(--blue-bright); border-bottom-style: none; width: 100%; min-width: 100%; max-width: 100%; height: 50px; margin-top: 5px; margin-left: auto; margin-right: auto; position: fixed; inset: 0% 0% auto auto; } .containter-tim:hover { color: #f1e8dc; } .grid-footer { margin-bottom: 10px; padding-bottom: 10px; } .text-footer-links { width: 80%; min-width: 80%; max-width: 80%; margin-bottom: 5px; font-size: 11px; line-height: 13px; } .icon-tim { opacity: .9; color: var(--white-text); text-align: right; background-image: linear-gradient(#0000, #0000); width: 120px; height: 45px; margin-top: 0; font-size: 60px; line-height: 50px; position: fixed; inset: 0% 0% auto auto; } .nav-ken { background-color: var(--blue-bright); box-shadow: none; color: #ffffff80; background-image: none; border-bottom-style: none; height: 60px; margin-top: 0; display: none; top: 0; left: 0; } .link-text { line-height: 22px; } .ken-hover { font-size: 17px; font-weight: 700; } .head-top-ken { font-size: 17px; font-weight: 700; line-height: 15px; } .grid-8-pics-phone, .grid-9-pics-ph-narrow { display: none; } .caption { border-left-width: 1px; } .head-ken-home-only { opacity: .95; color: var(--blue-bg); text-align: left; text-shadow: none; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; font-size: 40px; line-height: 40px; } .head-home-only { width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; padding-top: 110px; padding-right: 0; font-size: 20px; line-height: 17px; } .ken-text-top-page { width: 90%; min-width: 90%; max-width: 90%; margin-bottom: 0; padding-right: 0; font-size: 15px; line-height: 30px; } .text-papers-ken { padding-right: 10px; font-size: 15px; line-height: 22px; } .head-pubs-phn { display: none; } .grid-books { grid-column-gap: 0px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr; width: 65%; min-width: 65%; max-width: 65%; margin-top: 0; } .book-text { border-top: 1px #d3933680; margin-top: 20px; padding-top: 10px; font-size: 14px; line-height: 22px; } .grid-books-ph-n { display: none; } .pic-book-desktop { float: right; text-align: left; width: 100%; min-width: 100%; max-width: 100%; } .grid-ken-dt-3x2 { grid-column-gap: 30px; grid-row-gap: 0px; margin-top: 25px; } .p9 { border-radius: 0; } .book-text-phn { font-size: 16px; } .link-books { font-size: 15px; line-height: 26px; } .link-books:hover { color: var(--orange); } .grid-software { grid-column-gap: 6px; grid-row-gap: 35px; width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; margin-bottom: 20px; } .circlepack-software-pic { margin-top: 0; margin-left: 40px; } .italic-text { font-size: 15px; line-height: 26px; } .grid-software2 { display: none; } .software-text2 { border-top: 1px #d3933666; margin-top: 0; margin-left: 20px; padding-top: 0; font-size: 15px; line-height: 26px; } .text-near-software-pic { border-top: 1px #d39336e6; margin-top: 20px; padding-top: 10px; font-size: 15px; font-weight: 700; line-height: 25px; } .java-link { font-size: 15px; } .grid-contact { grid-column-gap: 10px; grid-row-gap: 10px; width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; margin-bottom: 0; padding-bottom: 40px; } .contact-text { border-top: 1px #d3933666; margin-top: 0; padding-top: 10px; padding-right: 0; font-size: 17px; line-height: 30px; } .ken-pic { margin-top: 0; margin-left: 0; } .ken-contact-head { font-size: 25px; line-height: 30px; } .grid-contact-phn { display: none; } .text-software-pic-dt { font-size: 15px; } .grid-home { grid-template-columns: .75fr .25fr; } .ur-pics { display: none; } .text-background { margin-bottom: 25px; padding-right: 10px; font-size: 16px; line-height: 30px; } .top-books { background-image: url('../images/top-ken-stephenson.jpg'); background-position: 100% 0; height: 300px; min-height: 300px; max-height: 300px; margin-top: 0; font-size: 28px; line-height: 28px; } .top-pubs { background-image: url('../images/top-pubs.jpg'); background-position: 100%; height: 300px; min-height: 300px; max-height: 300px; margin-top: 0; font-size: 28px; line-height: 28px; } .top-software { background-image: url('../images/top-cpsoftware.jpg'); background-position: 100%; height: 300px; min-height: 300px; max-height: 300px; margin-top: 0; font-size: 28px; line-height: 28px; } .top-contact { background-image: url('../images/top-contact-ken.jpg'); background-position: 100%; height: 300px; min-height: 300px; max-height: 300px; margin-top: 0; font-size: 28px; line-height: 28px; } .grid-home-right-pics, .head-pub-phn2, .head-pubs-phn-copy { display: none; } .ken-top { box-shadow: none; background-image: url('../images/top-ken-stephenson.jpg'); background-position: 100% 0; height: 300px; min-height: 300px; max-height: 300px; margin-top: 0; font-size: 28px; line-height: 28px; } .footer-right-top { padding-top: 10px; padding-bottom: 5px; padding-left: 10px; } .link-footer-2 { text-align: left; } .grid-nav-foot { border-color: #d6b6df40 #d6b6df40 #d6b6df40 #fff3; border-left-width: 1px; grid-template-columns: 1.25fr; place-items: center start; width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; } .footer-right-mid { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } .text-foot-dt { width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } .foot-dec-15 { background-image: url('../images/footer-novelli-guitars.jpg'); } .footer-right-bot { padding-top: 5px; padding-bottom: 10px; padding-left: 10px; } .bold-text-dt-footer { text-align: left; letter-spacing: 1px; } .foot-ken-dt { background-image: url('../images/foot-bg.jpg'); display: block; } .foot-ken-dt-june { grid-template-columns: 2fr .75fr; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } .grid-foot-ken { width: 100%; min-width: 100%; max-width: 100%; height: 170px; } .grid-foot-6-rows, .foot-ken-tab { display: none; } .hb { text-align: left; border-bottom-color: #edecec33; margin-top: 20px; padding-bottom: 5px; font-size: 32px; line-height: 32px; } .bold-head-top-link.w--current { font-size: 40px; line-height: 40px; } .grid-links-contact { align-content: start; align-items: start; width: 80%; min-width: 80%; max-width: 80%; margin-top: 0; } .text-for-contact-grid { line-height: 22px; } .head-phn-home-only { display: none; } .link-email2 { font-size: 17px; line-height: 22px; } .link-email2:hover { color: var(--orange); } .link-books-2 { font-size: 15px; line-height: 30px; } .link-books-2:hover { color: var(--orange); } .nav-link { background-color: var(--white); color: var(--white); letter-spacing: 1px; width: 100%; min-width: 100%; max-width: 100%; height: auto; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 700; line-height: 18px; text-decoration: none; } .grid-fancy-nav-dt-2, .grid-nav-ken { display: none; } .ken-logo { opacity: .9; object-position: 0% 0%; padding-top: 0; padding-left: 0; } .ken-logo:hover { opacity: .9; } .logo-tngas { opacity: .9; object-position: 0% 0%; width: 145px; min-width: 145px; max-width: 145px; margin-top: 5px; margin-left: 5px; padding-top: 0; padding-left: 0; display: none; } .logo-tngas:hover { opacity: .9; } .brand-box { display: none; } .brand-box.w--current { z-index: 999; width: auto; margin-top: 0; margin-left: 0; display: block; } .grid-3 { display: none; } .menu { float: right; clear: none; border-top: 2px none var(--sea-green); border-bottom: 2px none var(--sea-green); border-left: 2px none var(--sea-green); opacity: 1; -webkit-backface-visibility: visible; backface-visibility: visible; text-align: left; background-color: #0000; border-top-left-radius: 0; border-bottom-right-radius: 0; justify-content: flex-end; width: 60%; min-width: 60%; max-width: 60%; height: auto; min-height: auto; max-height: none; margin: 0; display: block; position: relative; top: 0; bottom: 0; right: 0; } .hamburger { color: #c36e0e; height: 80px; padding: 0; display: block; position: static; } .hamburger.w--open { text-align: right; background-color: #0000; height: 50px; min-height: 50px; max-height: 50px; font-size: 30px; position: absolute; inset: 0% 0% auto auto; } .special-nav-div { background-color: var(--blue-bars); opacity: .9; color: var(--white); text-align: left; border-left: 2px #d37b2973; width: 100%; min-width: 100%; max-width: 100%; height: 48px; min-height: 48px; max-height: 48px; margin-left: auto; margin-right: auto; padding: 15px 0 17px 20px; font-size: 15px; line-height: 15px; display: inline-block; } .hamb-icon-home { opacity: 1; color: var(--white); text-align: right; background-image: linear-gradient(#0000, #0000); width: auto; min-width: auto; max-width: none; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-right: 0; font-size: 60px; font-weight: 400; line-height: 60px; position: static; } .special-nav-link { color: var(--white); width: 100%; min-width: 100%; max-width: 100%; font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; line-height: 17px; text-decoration: none; } .special-nav-link.w--current { opacity: .45; color: var(--white); text-align: left; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 17px; font-weight: 700; line-height: 17px; } .special-nav-link.w--current:hover { color: var(--white); } .special-nav-link.w--current:focus, .special-nav-link.w--current:visited { opacity: .45; color: var(--white); } .container { float: right; clear: right; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; height: 50px; min-height: 50%; max-height: 50px; margin-left: auto; margin-right: auto; } .container:hover { color: #f1e8dc; } .nav-mobile-ken { box-shadow: none; color: #ffffff80; background-color: #0000; background-image: none; border-top-style: none; border-top-width: 0; border-bottom-style: none; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; display: block; position: fixed; inset: 0% 0% auto; } .head-contact-only { text-align: left; border-bottom-color: #edecec33; margin-top: 20px; padding-bottom: 5px; font-size: 32px; line-height: 32px; } .logo-ken { opacity: .9; object-position: 0% 0%; width: 145px; min-width: 145px; max-width: 145px; margin-top: 5px; margin-left: 5px; padding-top: 0; padding-left: 0; display: none; } .logo-ken:hover { opacity: .9; } .logo-ken2 { opacity: .9; object-position: 0% 0%; width: 145px; min-width: 145px; max-width: 145px; margin-top: 5px; margin-left: 5px; padding-top: 0; padding-left: 0; display: none; } .logo-ken2:hover { opacity: .9; } .logo-ken3 { opacity: .9; object-position: 0% 0%; width: 145px; min-width: 145px; max-width: 145px; margin-top: 5px; margin-left: 5px; padding-top: 0; padding-left: 0; display: none; } .logo-ken3:hover { opacity: .9; } .slide1 { background-image: url('../images/circle-pack-1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; } .sect-home-dt-words-pics { width: 80%; min-width: 80%; margin-top: 20px; } .mask-ken { width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; } .slider-ken { width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; } .cell-pics { justify-content: flex-start; align-items: center; } .head-dt { opacity: 1; text-align: center; margin-top: 0; font-size: 25px; font-weight: 200; } .text-home { text-align: center; margin-bottom: 20px; line-height: 24px; } .text-home-p2 { text-align: center; margin-top: 20px; margin-bottom: 20px; } .slider-ken-ph-narrow-only { width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; } .sect-rotation { width: 92%; min-width: 92%; max-width: 92%; margin-top: 30px; display: none; } .slider-circle-pack { width: 100%; min-width: 100%; max-width: 100%; padding-top: 0; padding-bottom: 0; overflow: hidden; } .left-arrow-2 { margin-bottom: 0; display: block; } .mask { width: 100%; min-width: 100%; max-width: 100%; overflow: hidden; } .duo-1 { z-index: 999; margin-bottom: 0; position: absolute; } .ken-bot-slider { z-index: 999; margin-bottom: 0; } .sect-home-book-and-words { width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; } .qs-home-book-and-words { margin-top: 0; padding-left: 0; padding-right: 0; } .cell-r { justify-content: center; align-items: center; } .cell-slider { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .right-arrow-2 { margin-bottom: 0; display: block; position: absolute; } .text-home-right { text-align: left; border-bottom-style: none; width: 95%; min-width: 95%; max-width: 95%; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 20px; font-size: 14px; line-height: 25px; } .ayres-pic { align-self: flex-start; width: auto; margin-top: 30px; margin-right: 0; } .cell-tl { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; padding-top: 0; } .cell-ll { padding-bottom: 100px; } .duo-3 { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .dt-tab-slider { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } ._3-pics { background-color: #050402; width: 100%; min-width: 100%; max-width: 100%; height: 380px; min-height: 380px; max-height: 380px; margin-bottom: 0; display: block; } .slide-2-top { background-image: url('../images/tngas-2.jpg'); background-position: 0%; background-repeat: no-repeat; background-size: cover; height: 380px; min-height: 380px; max-height: 380px; } .text-slider-2 { text-shadow: 3px 3px 4px #000; width: 100%; min-width: 100%; max-width: 100%; margin-top: 120px; margin-left: auto; padding-bottom: 20px; font-size: 40px; line-height: 40px; } .div-slide-3 { height: 380px; min-height: 380px; max-height: 380px; } .mask-for-top { background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; height: 380px; min-height: 380px; max-height: 380px; } .section-top-home-collage { background-color: #0000; border-bottom-style: none; border-bottom-width: 2px; height: 380px; min-height: 380px; max-height: 380px; margin-top: 80px; display: block; } .home-head-823 { letter-spacing: -5px; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 60px; font-weight: 700; line-height: 45px; } .text-slider-1 { text-shadow: 3px 3px 4px #000; width: 100%; min-width: 100%; max-width: 100%; margin-top: 120px; margin-left: auto; font-size: 60px; line-height: 50px; } .slide-1-top { background-image: linear-gradient(152deg, #0000 73%, #09131c), url('../images/tennessee-guitar-sound-solo.jpg'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; height: 380px; min-height: 380px; max-height: 380px; position: relative; } .slide-3-top { background-image: url('../images/tennessee-guitar-sound-repair.jpg'); background-position: 50% 100%; background-size: cover; background-attachment: scroll; height: 380px; min-height: 380px; max-height: 380px; } .dots { opacity: .8; text-align: right; width: 100%; min-width: 100%; max-width: 100%; height: 50px; min-height: 50px; max-height: 50px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; font-size: 20px; line-height: 20px; display: block; inset: auto 0% 0% auto; } .div-slide-2, .div-slide-1 { height: 380px; min-height: 380px; max-height: 380px; } .left-arrow-3 { z-index: 10; width: 9%; min-width: 9%; max-width: 9%; margin-bottom: 10px; margin-right: 50px; font-weight: 700; inset: auto 0% 0% auto; } .right-arrow-3 { z-index: 10; width: 5%; min-width: 5%; max-width: 5%; margin-bottom: 10px; margin-right: 0; font-weight: 700; } .sect-phone-pics { background-color: #0000; border-bottom-style: none; border-bottom-width: 2px; height: 380px; min-height: 380px; max-height: 380px; margin-top: 80px; display: none; } .text-phw-only { margin-bottom: 25px; padding-right: 10px; font-size: 16px; line-height: 30px; } .tablet-only-rotation { width: 95%; min-width: 95%; max-width: 95%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; } .slider-tablet { background-color: var(--blue-bg); width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .icon-13, .icon-14 { color: var(--blue-bg); font-weight: 700; } .slide-two { background-image: url('../images/circle-pack-2.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-three { background-image: url('../images/circle-pack-3.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-one { background-image: url('../images/circle-pack-1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; padding-bottom: 0; } .right-arrow-6, .left-arrow-6 { width: 40px; display: none; } .link-within-text { font-size: 15px; line-height: 26px; } .link-within-text:hover { color: var(--orange); } .link-software { font-size: 25px; line-height: 30px; } .link-software:hover { color: var(--orange); } .links-sw { font-size: 25px; line-height: 30px; } .links-sw:hover { color: var(--orange); } .link-sw3 { font-size: 20px; line-height: 30px; } .link-sw3:hover { color: var(--orange); } } @media screen and (max-width: 767px) { .menu-tim { z-index: 999; float: right; opacity: 1; color: #4c576dcc; background-color: #8899aae6; border-top-style: none; border-top-width: 3px; border-bottom-style: none; border-bottom-width: 3px; border-left-style: none; border-left-width: 3px; width: 60%; min-width: 60%; max-width: 60%; margin-top: 68px; margin-bottom: 0; margin-right: 10px; } .nav-tim { z-index: 999; background-color: #212d38; background-image: none; height: 45px; margin-top: 0; position: absolute; top: 0; left: 0; right: auto; } .icon-4 { opacity: 1; color: #ffffffbf; background-color: #0000; background-image: none; width: 100px; height: 45px; margin-top: 5px; padding-bottom: 0; font-size: 60px; font-weight: 500; line-height: 38px; } .but-tim { z-index: 900; clear: none; background-color: var(--slate-blue); opacity: 1; color: var(--white); width: 100%; min-width: 100%; max-width: 100%; height: auto; padding: 20px; font-size: 18px; font-weight: 700; line-height: 18px; transition-property: none; } .but-tim:hover { background-color: var(--slate-blue); opacity: 1; color: var(--white); font-weight: 700; } .but-tim:active { color: var(--white); font-weight: 700; } .but-tim:focus { background-color: var(--slate-blue); color: var(--white); } .but-tim:visited { background-color: var(--slate-blue); font-weight: 700; } .but-tim.w--current { z-index: 900; clear: none; background-color: var(--blue-bars); color: #fff; background-image: none; border-bottom-style: none; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 18px; padding-bottom: 18px; padding-left: 15px; font-size: 18px; font-weight: 400; line-height: 8px; } .but-tim.w--current:hover { background-color: #0000; background-image: linear-gradient(to bottom, var(--blue-bars), var(--blue-bars)); color: #ffffffb3; border-bottom: 1px #89a; font-size: 18px; } .but-tim.w--current:active { background-image: linear-gradient(to bottom, var(--blue-bars), var(--blue-bars)); color: #ffffffb3; } .but-tim.w--current:focus { color: #ffffffb3; } .menu-button-tim { color: #c36e0e; width: 100px; height: 45px; min-height: 45px; max-height: 45px; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; position: static; } .menu-button-tim.w--open { color: #fff; } .containter-tim { float: right; clear: none; color: #212d38; background-color: #0000; width: 100%; height: 45px; margin-top: 0; margin-right: 0; padding-top: 0; display: block; } .containter-tim:active { color: #f1e8dc; } .grid-footer { margin-bottom: 0; } .text-footer-links { width: 100%; min-width: 100%; max-width: 100%; margin-top: 15px; margin-bottom: 5px; padding-top: 10px; } .icon-tim { opacity: 1; color: var(--white); background-color: #0000; background-image: none; width: 100px; height: 45px; margin-top: 0; padding-bottom: 0; font-size: 55px; font-weight: 500; line-height: 47px; position: fixed; inset: 0% 0% auto auto; } .nav-ken { z-index: 999; background-color: var(--blue-bright); box-shadow: none; opacity: 1; background-image: none; height: 45px; margin-top: 0; position: fixed; top: 0; left: 0; right: auto; } .link-text { font-size: 14px; line-height: 18px; } .ken-list-item { line-height: 10px; } .ken-hover { font-size: 17px; font-weight: 700; line-height: 22px; } .head-top-ken { color: var(--white-text); font-size: 17px; font-weight: 700; line-height: 22px; } .grid-8-pics-phone { grid-column-gap: 30px; grid-row-gap: 0px; grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 85%; min-width: 85%; max-width: 85%; margin-top: 30px; margin-left: auto; margin-right: auto; padding-bottom: 20px; padding-right: 0; display: grid; } .grid-9-pics-ph-narrow { display: none; } .pic-1-ph { background-image: url('../images/cannon.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .pic-2-ph { background-image: url('../images/pinwheel.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .quote-phone-ken { border-left: 1px #e2e2e233; width: 100%; min-width: 100%; max-width: 100%; margin-top: 5px; margin-bottom: 50px; padding-top: 3px; padding-bottom: 3px; padding-left: 0; font-family: Montserrat, sans-serif; font-size: 15px; line-height: 20px; } .pic-3-ph { background-image: url('../images/laceagg.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .head-ken-home-only { opacity: 1; text-shadow: none; border-bottom-width: 3px; font-family: Montserrat, sans-serif; font-size: 30px; font-weight: 700; line-height: 28px; } .head-home-only { text-align: left; width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 70px; padding-left: 0; padding-right: 0; font-size: 21px; line-height: 21px; display: block; } .pic-4-ph-w { background-image: url('../images/ks-circlepack-p1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .pic-5-pw { background-image: url('../images/ks-circlepack-p3.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .pic-6-pw { background-image: url('../images/ks-circlepack-p2.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .pic-7-ph-wide { background-image: url('../images/ks-circlepack-p4.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .pic-8-phone-wide { background-image: url('../images/ks-circlepack-p6.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; max-height: 240px; padding-bottom: 0; padding-right: 0; } .ken-text-top-page { width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; padding-right: 0; font-size: 14px; font-weight: 400; line-height: 26px; } .text-papers-ken { width: 100%; min-width: 100%; max-width: 100%; margin: 20px auto; padding-right: 0; font-size: 14px; font-weight: 400; line-height: 18px; } .head-pubs-phn { text-align: center; border-bottom: 1px solid #edecec33; width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 16px; line-height: 20px; display: none; } .grid-books { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1.25fr; grid-auto-columns: 1fr; justify-items: center; width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; margin-bottom: 20px; padding-top: 0; display: grid; } .book-text { border-top: 1px #d3933680; margin-top: 10px; padding-top: 10px; font-size: 14px; line-height: 23px; } .grid-books-ph-n { display: none; } .book-link { padding-right: 10px; } .pic-book-desktop { margin-bottom: 25px; } .pic-book-desktop:hover { opacity: 1; } .grid-ken-dt-3x2 { grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 85%; min-width: 85%; max-width: 85%; display: none; } .book-text-phn { font-size: 15px; } .link-books { font-size: 15px; line-height: 25px; } .link-books:hover { color: var(--orange); } .grid-software { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr .75fr; grid-auto-columns: 1fr; width: 85%; min-width: 85%; max-width: 85%; margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-size: 15px; line-height: 30px; display: grid; } .pic-software:hover { opacity: 1; } .circlepack-software-pic { width: 95%; min-width: 95%; max-width: 95%; margin-left: 10px; margin-right: 0; padding-top: 10px; padding-right: 0; } .italic-text { font-size: 15px; line-height: 25px; } .grid-software2 { display: none; } .software-text2 { text-align: center; border-top: 1px #d3933666; width: 100%; min-width: 100%; max-width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 0; padding-top: 0; padding-right: 0; font-size: 15px; line-height: 25px; } .text-near-software-pic { border-top: 1px #d39336e6; width: 100%; min-width: 100%; max-width: 100%; margin-top: 25px; padding-top: 0; padding-left: 0; font-size: 15px; line-height: 20px; } .java-link { font-size: 15px; font-weight: 700; line-height: 20px; } .grid-contact { grid-column-gap: 10px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: .5fr 1.5fr; grid-auto-columns: 1fr; width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; margin-bottom: 0; padding-bottom: 10px; font-size: 15px; line-height: 30px; display: grid; } .contact-text { border-top: 1px #d3933666; width: 100%; min-width: 100%; max-width: 100%; margin-top: 20px; padding-top: 10px; padding-bottom: 5px; padding-right: 20px; font-size: 16px; line-height: 25px; } .ken-pic { width: 80%; min-width: 80%; max-width: 80%; margin-top: 0; margin-left: 0; } .ken-contact-head { border-top-style: none; border-top-color: #edecec33; border-bottom-style: none; border-bottom-color: #edecec33; font-size: 20px; line-height: 25px; } .text-700 { font-size: 19px; font-weight: 700; } .grid-contact-phn { display: none; } .pic-ken-phn:hover { opacity: 1; } .text-software-pic-dt { width: 90%; min-width: 90%; max-width: 90%; line-height: 25px; } .grid-home { grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: .75fr .25fr; place-items: start; } .text-background { width: 85%; min-width: 85%; max-width: 85%; margin: 20px auto; padding-right: 0; font-size: 15px; line-height: 30px; } .sect-quad-cell, .div-4-pics { display: none; } .section-pubs { margin-top: 0; } .top-books { background-image: url('../images/top-3-books.jpg'); background-position: 100%; border-bottom-style: none; height: 200px; min-height: 200px; max-height: 200px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; } .top-pubs { background-image: url('../images/top-pubs.jpg'); background-position: 100%; border-bottom-style: none; height: 200px; min-height: 200px; max-height: 200px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; } .top-software { background-image: url('../images/top-cpsoftware.jpg'); background-position: 100%; border-bottom-style: none; height: 200px; min-height: 200px; max-height: 200px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; } .top-contact { background-image: url('../images/top-contact-ken.jpg'); background-position: 100%; border-bottom-style: none; height: 200px; min-height: 200px; max-height: 200px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; } .lr-last { border-left: 1px #e2e2e233; width: 100%; min-width: 100%; max-width: 100%; margin-top: 5px; margin-bottom: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 0; font-family: Montserrat, sans-serif; font-size: 15px; line-height: 20px; } .head-pub-phn2, .head-pubs-phn-copy { text-align: center; border-bottom: 1px solid #edecec33; width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 16px; line-height: 20px; display: none; } .ken-top { background-image: url('../images/top-ken-stephenson.jpg'); background-position: 100% 0; border-bottom-style: none; height: 200px; min-height: 200px; max-height: 200px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; } .link-email { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 22px; font-weight: 700; line-height: 26px; } .link-email:hover { text-align: center; } .grid-nav-foot { display: grid; } .text-foot-dt { text-align: center; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 0; font-size: 22px; font-weight: 500; line-height: 26px; } .text-foot-dt:hover { margin-left: auto; margin-right: auto; } .foot-ken-dt, .foot-ken-dt-june { display: none; } .link-ken { color: var(--white-text); font-size: 18px; } .grid-foot-6-rows { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 4px; padding-bottom: 4px; padding-right: 0; display: grid; } .grid-foot-feb { grid-column-gap: 0px; grid-row-gap: 0px; text-align: center; background-image: url('../images/foot-bg.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; grid-template-rows: auto; grid-template-columns: 1fr; place-content: center; place-items: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px; } .grid-foot-feb:hover, .grid-foot-feb:active, .grid-foot-feb:focus { grid-auto-columns: .25fr; } .grid-foot-feb:focus-visible { grid-auto-columns: .25fr; } .grid-foot-feb[data-wf-focus-visible] { grid-auto-columns: .25fr; } .foot-ken-tab { z-index: 800; border-top: 1px #edecec80; width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; display: block; position: static; inset: auto 0% 0%; } .text-foot-ken-tab { color: var(--white-text); text-align: center; width: 100%; min-width: 100%; max-width: 100%; padding-top: 2px; padding-bottom: 2px; font-family: Montserrat, sans-serif; font-size: 22px; font-weight: 500; line-height: 26px; } .hb { border-top: 1px #edecec80; border-bottom-style: dotted; border-bottom-color: var(--slate-blue); text-align: left; width: 90%; min-width: 90%; max-width: 90%; margin-bottom: 5px; padding-bottom: 8px; font-size: 25px; line-height: 20px; } .bold-head-top-link.w--current { font-size: 30px; line-height: 28px; } .pic-ken-contact-phn { display: none; } .grid-links-contact { width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 30px; } .text-for-contact-grid { font-size: 16px; line-height: 20px; } .head-phn-home-only { text-align: center; border-bottom: 1px solid #edecec33; width: 90%; min-width: 90%; max-width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 10px; font-family: Montserrat, sans-serif; font-size: 16px; line-height: 20px; display: none; } .link-contact-dt { color: var(--orange); font-size: 16px; line-height: 18px; } .italic-text-2 { font-size: 16px; } .link-email2 { font-size: 16px; line-height: 25px; } .link-email2:hover { color: var(--orange); } .link-books-2 { font-size: 15px; line-height: 25px; } .link-books-2:hover { color: var(--orange); } .nav-link { width: 100%; min-width: 100%; max-width: 100%; height: auto; } .bold-home-dt { font-size: 16px; line-height: 15px; } .ken-logo { float: none; clear: none; opacity: 1; text-align: left; object-fit: fill; object-position: 0% 0%; width: 210px; min-width: auto; max-width: none; height: auto; margin-left: auto; padding-top: 0; padding-left: 0; } .logo-tngas { float: none; clear: none; opacity: 1; text-align: left; object-fit: fill; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; margin-left: 0; padding-top: 0; padding-left: 0; } .brand-box { padding-left: 5px; } .brand-box.w--current { width: auto; margin-top: 0; margin-left: 5px; padding-left: 0; display: block; } .menu { z-index: 2; float: right; border-left: 2px none var(--sea-green); color: #4c576dcc; border-top-width: 2px; border-bottom-width: 2px; width: 50%; min-width: 50%; max-width: 50%; height: auto; min-height: auto; max-height: none; margin-top: 7px; margin-right: 0; } .hamburger { color: #0000; width: 100px; height: 70px; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; font-size: 16px; line-height: 40px; position: static; } .hamburger.w--open { z-index: 999; color: #fff; width: auto; min-width: 0; max-width: none; height: 50px; min-height: 50px; max-height: 50px; line-height: 20px; transition: opacity .2s; position: absolute; inset: 0% 0% auto auto; } .special-nav-div { background-color: var(--blue-bars); opacity: .9; color: #0000; text-align: left; border-left-width: 2px; border-left-color: #d37b2973; width: 100%; min-width: 100%; max-width: 100%; height: 50px; min-height: 50px; max-height: 50px; padding-top: 16px; padding-bottom: 23px; padding-left: 20px; } .hamb-icon-home { z-index: 7; opacity: 1; color: var(--white); background-color: #0000; background-image: none; width: auto; min-width: auto; max-width: none; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; font-size: 60px; font-weight: 400; line-height: 60px; position: static; } .special-nav-link { color: var(--white); font-size: 18px; line-height: 18px; } .special-nav-link.w--current { opacity: .45; color: var(--white); text-align: left; font-size: 18px; line-height: 18px; } .special-nav-link.w--current:focus { opacity: .45; } .container { float: right; clear: none; color: #4c576d; background-color: #0000; width: 100%; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; padding-top: 0; display: block; } .container:active { color: #f1e8dc; } .nav-mobile-ken { z-index: 999; opacity: 1; background-color: #0000; background-image: none; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; inset: 0% 0% auto auto; } .head-contact-only { text-align: left; border-top: 1px #edecec80; border-bottom-color: #edecec33; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 5px; padding-bottom: 8px; font-size: 25px; line-height: 20px; } .logo-ken, .logo-ken2, .logo-ken3 { float: none; clear: none; opacity: 1; text-align: left; object-fit: fill; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; height: auto; margin-left: 0; padding-top: 0; padding-left: 0; } .sect-home-dt-words-pics { width: 90%; min-width: 90%; margin-top: 20px; } .qs-ken-home { width: 100%; min-width: 100%; max-width: 100%; } .left-arrow { width: 40px; min-width: 40px; } .right-arrow { width: 40px; min-width: 40px; max-width: 40px; } .head-dt { width: auto; min-width: auto; max-width: none; margin-top: 0; font-size: 22px; line-height: 32px; } .text-home { text-align: center; width: 85%; min-width: 85%; max-width: 85%; font-size: 15px; line-height: 24px; } .section-top-head { width: 100%; min-width: 100%; max-width: 100%; } .text-home-p2 { text-align: center; width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; font-size: 15px; } .slider-ken-ph-narrow-only { display: none; } .sect-rotation { width: 90%; min-width: 90%; margin-top: 20px; display: none; } .slider-circle-pack { position: absolute; } .left-arrow-2 { position: static; inset: auto auto 0% 0%; } .mask { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; } .duo-1 { height: 200px; } .ken-bot-slider { height: 40px; margin-bottom: 100px; } .sect-home-book-and-words { display: none; } .qs-home-book-and-words { padding-top: 0; padding-bottom: 0; } .icon-7, .icon-8 { margin-top: -50px; } .right-arrow-2 { height: 200px; margin-top: 0; } .text-home-right { text-align: center; align-self: center; width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; font-size: 15px; } .cell-tl { padding-top: 20px; } .cell-ll { padding-bottom: 20px; } .sect-home-pw { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; } .heading-2 { text-align: center; } ._3-pics { background-color: var(--blue-bg); height: 400px; min-height: 400px; max-height: 400px; margin-left: auto; margin-right: auto; display: block; overflow: hidden; } .slide-2-top { background-image: linear-gradient(340deg, #000, #0000 25%), url('../images/tngas-2.jpg'); background-position: 0 0, 0 100%; background-repeat: repeat, no-repeat; background-size: auto, cover; height: 265px; min-height: 265px; max-height: 265px; margin-left: auto; margin-right: auto; overflow: hidden; } .text-slider-2 { text-align: center; text-shadow: 3px 3px 4px #000; border-bottom-style: none; width: 100%; min-width: 100%; max-width: 100%; margin-top: 80px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 0; font-size: 30px; line-height: 25px; overflow: hidden; } .div-slide-3 { width: 100%; min-width: 100%; max-width: 100%; height: 265px; min-height: 265px; max-height: 265px; margin-left: auto; margin-right: auto; overflow: hidden; } .mask-for-top { background-color: #0000; background-image: none; height: 400px; min-height: 400px; max-height: 400px; margin-left: auto; margin-right: auto; overflow: hidden; } .section-top-home-collage { background-color: #0000; border-bottom-style: none; border-bottom-width: 1px; height: 265px; min-height: 265px; max-height: 265px; margin-top: 70px; display: block; overflow: hidden; } .home-head-823 { letter-spacing: -4px; font-size: 48px; font-weight: 700; line-height: 40px; } .text-slider-1 { text-align: center; border-bottom-style: none; width: 100%; min-width: 100%; max-width: 100%; margin-top: 80px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; font-size: 30px; line-height: 25px; overflow: hidden; } .slide-1-top { background-image: url('../images/cp1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: auto; height: 400px; min-height: 400px; max-height: 400px; margin-top: 0; margin-left: auto; margin-right: auto; overflow: hidden; } .slide-3-top { background-position: 50% 100%; height: 265px; min-height: 265px; max-height: 265px; margin-left: auto; margin-right: auto; overflow: hidden; } .dots { z-index: 999; opacity: 1; text-align: right; width: 100%; min-width: 100%; max-width: 100%; height: 40px; min-height: 40px; max-height: 40px; margin: 40px auto 0; padding-top: 0; padding-bottom: 0; padding-right: 0; font-size: 15px; line-height: 15px; inset: auto 0% 0% auto; overflow: visible; } .div-slide-2 { width: 100%; min-width: 100%; max-width: 100%; height: 265px; min-height: 265px; max-height: 265px; margin-top: 0; margin-left: auto; margin-right: auto; overflow: hidden; } .div-slide-1 { width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-left: auto; margin-right: auto; padding-top: 0; overflow: hidden; } .left-arrow-3, .right-arrow-3 { width: 3%; min-width: 3%; max-width: 3%; margin-top: 0; margin-right: auto; display: block; } .sect-phone-pics { background-color: #0000; border-bottom-style: none; border-bottom-width: 1px; height: 400px; min-height: 400px; max-height: 400px; margin-top: 20px; margin-bottom: 20px; display: none; overflow: hidden; } .sect-pw-only-words { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; } .text-phw-only { border-left: 3px solid var(--sea-green); width: 90%; min-width: 90%; max-width: 90%; margin: 20px auto; padding-left: 15px; padding-right: 0; font-size: 15px; line-height: 30px; display: block; } .image-3 { width: auto; min-width: auto; max-width: none; } .pic-1, .pic-2 { width: 50%; min-width: 50%; max-width: 50%; margin-left: auto; margin-right: auto; } .sect-pics-pw-only { width: 90%; min-width: 90%; max-width: 90%; height: 180px; min-height: 180px; max-height: 180px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-left: 0; padding-right: 0; display: block; overflow: hidden; } .slider-ken-pw-only { background-color: var(--trans); width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; } .mask-ph-w { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .slide-1-pw { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .image-4 { width: 100%; min-width: 100%; margin-left: auto; margin-right: auto; } .p1-pw { background-color: var(--trans); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .icon-11 { color: var(--blue-bright); margin-bottom: 225px; font-weight: 700; } .icon-11:hover { opacity: 1; } .icon-12 { color: var(--blue-bright); margin-bottom: 225px; font-weight: 700; } .slide-nav-4 { background-color: var(--blue-bg); margin-bottom: 130px; display: block; } .p2-pw { background-color: var(--trans); width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .pw-group-1, .image-5, .pw-group2 { width: 100%; min-width: 100%; margin-left: auto; margin-right: auto; } .right-arrow-5 { width: 40px; margin-right: 0; display: none; } .left-arrow-5 { width: 40px; margin-left: 0; display: none; } .p3-pw { background-color: var(--trans); width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .pw-group3 { width: 100%; min-width: 100%; margin-left: auto; margin-right: auto; } .tablet-only-rotation { display: none; } .link-within-text { font-size: 15px; line-height: 25px; } .link-within-text:hover { color: var(--orange); } .link-software { font-size: 20px; line-height: 25px; } .link-software:hover { color: var(--orange); } .links-sw { font-size: 20px; line-height: 25px; } .links-sw:hover { color: var(--orange); } .link-sw3 { font-size: 22px; line-height: 25px; } .link-sw3:hover { color: var(--orange); } .italic-text-4 { width: 100%; } .books-pnnonly, .sect-home-ph-n { display: none; } } @media screen and (max-width: 479px) { .menu-tim { z-index: 999; float: right; opacity: 1; width: 75%; min-width: 75%; max-width: 75%; margin-top: 50px; margin-left: 0; margin-right: 10px; padding-top: 0; position: fixed; inset: 0% 0% auto auto; } .nav-tim { color: #000; background-color: #212d3880; min-width: 100%; max-width: 100%; height: 50px; margin-left: 0; margin-right: 0; position: fixed; top: 0; left: 0; box-shadow: 0 0 7px 7px #000000b3; } .icon-4 { float: right; color: #fffc; text-align: right; background-image: none; margin-top: 3px; padding-right: 5px; font-size: 48px; font-weight: 400; line-height: 48px; } .but-tim { z-index: 800; clear: none; background-color: var(--slate-blue); opacity: 1; color: var(--white); text-align: left; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; font-size: 18px; font-weight: 700; line-height: 18px; } .but-tim:hover, .but-tim:focus { color: var(--white); } .but-tim:visited { color: var(--white); font-weight: 700; } .but-tim.w--current { z-index: 800; background-color: var(--blue-bars); color: #fff; text-align: left; background-image: none; border-bottom: 1px #89a; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; font-size: 16px; line-height: 8px; } .but-tim.w--current:hover { background-color: var(--blue-bars); color: #ffffffb3; background-image: none; font-size: 16px; } .but-tim.w--current:active { background-image: none; } .but-tim.w--current:focus { color: #ffffffb3; } .menu-button-tim { color: #c36e0e; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; margin-right: 0; padding: 0; } .menu-button-tim.w--open { background-color: #0000; } .containter-tim { float: right; color: #212d3880; background-color: #0000; background-image: none; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 20px; position: fixed; inset: 0% 0% auto auto; } .link-ut:hover { opacity: 1; } .grid-footer { grid-column-gap: 0px; grid-row-gap: 0px; background-color: #0000; border-top: 1px solid #edecec26; width: 90%; min-width: 90%; max-width: 90%; margin-top: 20px; margin-bottom: 0; padding-top: 5px; padding-bottom: 0; } .text-footer-links { border-top-style: none; margin-top: 0; margin-bottom: 10px; padding-top: 0; font-size: 10px; line-height: 13px; } .footer-link { font-size: 10px; } .icon-tim { float: right; color: var(--white); text-align: right; background-image: none; width: 110px; min-width: 110px; max-width: 110px; height: auto; min-height: auto; max-height: none; margin-top: 5px; padding-bottom: 5px; padding-right: 5px; font-size: 70px; font-weight: 400; line-height: 50px; position: fixed; inset: 0% 0% auto auto; } .nav-ken { box-shadow: none; opacity: 1; color: #000; background-color: #0000; min-width: 100%; max-width: 100%; height: 35px; margin-left: 0; margin-right: 0; position: fixed; inset: 0% 0% auto auto; } .link-text { text-align: left; padding-left: 0; font-size: 15px; line-height: 20px; } .ken-list-research-interests { width: 95%; min-width: 95%; max-width: 95%; } .ken-hover { opacity: 1; color: var(--white); width: 90%; min-width: 90%; max-width: 90%; font-size: 21px; font-weight: 500; line-height: 24px; } .head-top-ken { color: var(--white-text); letter-spacing: 1px; width: 100%; min-width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; font-size: 15px; font-weight: 500; line-height: 20px; display: none; } .head-top-ken:hover { color: #fff; } .grid-8-pics-phone { margin-top: 15px; display: none; } .grid-9-pics-ph-narrow { grid-column-gap: 10px; grid-row-gap: 5px; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 80%; min-width: 80%; max-width: 80%; margin-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: grid; } .div-1-ph-narrow { background-image: url('../images/cannon.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .caption-pic-phone-narrow-ken { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 20px; font-family: Montserrat, sans-serif; line-height: 18px; } .div-2-ph-narrow { background-image: url('../images/pinwheel.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .div-3-ph-narrow { background-image: url('../images/laceagg.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .head-ken-home-only { clear: none; opacity: 1; color: var(--black); text-align: center; text-shadow: none; border-bottom-style: none; margin-left: auto; margin-right: auto; padding-left: 0; font-size: 18px; line-height: 18px; } .head-home-only { opacity: 1; text-align: center; width: 100%; min-width: 100%; max-width: 100%; height: 100px; margin-top: 20px; font-family: Montserrat, sans-serif; font-size: 30px; line-height: 30px; display: none; } .div-4-ph-n { background-image: url('../images/ks-circlepack-p1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .pic-5-phone-narrow { background-image: url('../images/ks-circlepack-p3.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .pic-6-phone-narrow { background-image: url('../images/ks-circlepack-p2.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .pic-7-phone-narrow { background-image: url('../images/ks-circlepack-p4.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .pic-8-phone-narrow { background-image: url('../images/ks-circlepack-p6.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 300px; min-height: 300px; max-height: 300px; padding-bottom: 0; padding-right: 0; } .ken-text-top-page { text-align: left; width: 87%; min-width: 87%; max-width: 87%; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; font-size: 14px; line-height: 25px; } .text-papers-ken { text-align: left; width: 97%; min-width: 97%; max-width: 97%; margin: 0 auto 20px; font-size: 15px; line-height: 20px; } .head-pubs-phn { color: var(--white); letter-spacing: 1px; border-bottom-style: solid; margin-top: 80px; margin-bottom: 20px; padding-top: 0; padding-bottom: 5px; font-size: 21px; font-weight: 400; line-height: 24px; display: block; } .grid-books { margin-top: 20px; display: none; } .grid-books-ph-n { grid-column-gap: 0px; grid-row-gap: 0px; text-align: center; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-content: start; place-items: start; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; } .book-link-block-ph-n { grid-column-gap: 0px; grid-row-gap: 0px; text-align: left; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; } .book-phone-narrow2 { text-align: center; object-fit: scale-down; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; position: static; overflow: visible; } .book-phone-narrow2:hover { opacity: 1; } .grid-ken-dt-3x2 { margin-top: 20px; } .book-text-phn { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 40px; padding-left: 0; font-size: 13px; line-height: 19px; } .link-books { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 15px; font-weight: 700; line-height: 24px; } .link-books:hover { color: var(--orange); font-size: 15px; line-height: 22px; } .link-books:active { font-size: 15px; line-height: 22px; } .grid-software { margin-top: 20px; display: none; } .italic-text { font-size: 15px; font-weight: 700; line-height: 24px; } .grid-software2 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: start; justify-items: start; width: 92%; min-width: 92%; max-width: 92%; margin-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: grid; } .software-text-phn { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-top: 5px; margin-bottom: 20px; font-family: Montserrat, sans-serif; font-size: 15px; line-height: 24px; } .java-link { text-align: left; padding-left: 0; font-size: 14px; font-weight: 700; line-height: 22px; } .grid-contact { margin-top: 20px; display: none; } .ken-pic { display: none; } .text-700 { font-size: 15px; display: none; } .grid-contact-phn { grid-column-gap: 2px; grid-row-gap: 2px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: start; justify-items: start; width: 90%; min-width: 90%; max-width: 90%; margin-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: grid; } .pic-ken-phn { width: 55%; min-width: 55%; max-width: 55%; display: none; } .text-contact-phn { text-align: left; border-top: 1px #d3933680; width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; padding-top: 0; font-family: Montserrat, sans-serif; line-height: 22px; } .text-software-pic-phn { font-weight: 700; } .grid-home { margin-bottom: 30px; display: none; } .text-background { border-right: 1px solid var(--sea-green); border-left: 1px solid var(--sea-green); text-align: center; width: 92%; min-width: 92%; max-width: 92%; margin-top: 10px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 26px; display: block; } .sect-quad-cell { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-right: 0; display: block; position: relative; } .div-4-pics { width: 100%; min-width: 100%; max-width: 100%; height: auto; margin-top: 0; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; display: block; position: static; } ._4-pics { width: 100%; min-width: 100%; margin-top: 0; position: static; } .silder-text { z-index: 888; clear: none; opacity: 1; color: #fff; text-align: left; text-shadow: 2px 1px 2px #000; background-color: #0000; width: 90%; min-width: 90%; max-width: 90%; margin-top: 0; margin-bottom: 100px; margin-left: 0; padding: 0 0 2px 10px; font-family: Montserrat, sans-serif; font-size: 30px; font-weight: 400; line-height: 30px; display: block; position: absolute; inset: auto auto 0% 0%; } .section-pubs { width: 90%; min-width: 90%; max-width: 90%; } .top-books { background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--blue-bright)), url('../images/top-phn.jpg'); background-position: 0 0, 100% 0; background-repeat: repeat, no-repeat; background-size: auto, cover; border-top-style: none; border-bottom-style: none; height: 70px; min-height: 70px; max-height: 70px; margin-top: 0; display: block; position: fixed; inset: 0% 0% auto; } .top-pubs, .top-software, .top-contact { background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--blue-bright)), url('../images/top-phn.jpg'); background-position: 0 0, 100% 0; background-repeat: repeat, no-repeat; background-size: auto, cover; border-bottom-style: none; height: 70px; min-height: 70px; max-height: 70px; margin-top: 0; display: block; position: fixed; inset: 0% 0% auto; } .head-pub-phn2 { color: var(--white); letter-spacing: 1px; border-bottom-style: solid; width: 100%; min-width: 100%; max-width: 100%; margin-top: 80px; margin-bottom: 20px; padding-top: 0; padding-bottom: 5px; font-size: 21px; font-weight: 400; line-height: 24px; display: block; } .head-pubs-phn-copy { letter-spacing: 1px; border-bottom-style: solid; margin-top: 0; margin-bottom: 20px; padding-top: 20px; padding-bottom: 5px; font-size: 18px; font-weight: 400; line-height: 20px; display: none; } .ken-top { background-image: url('../images/ken-stephenson-home-top2.jpg'); background-position: 100% 0; background-repeat: no-repeat; border-bottom-style: solid; height: 135px; min-height: 135px; max-height: 135px; margin-top: 50px; display: none; } .link-email { font-size: 18px; font-weight: 800; line-height: 18px; } .text-foot-dt { margin-top: auto; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; font-size: 16px; font-weight: 300; line-height: 16px; } .foot-ken-dt { display: none; } .link-ken { font-size: 15px; font-weight: 500; line-height: 17px; } .grid-foot-6-rows { grid-column-gap: 3px; grid-row-gap: 3px; grid-template-rows: auto auto auto; place-content: center start; place-items: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-right: 0; } .grid-foot-feb { grid-column-gap: 0px; grid-row-gap: 0px; background-image: url('../images/foot-bg.jpg'); grid-template-columns: 9.75fr; place-content: start; place-items: start; margin-top: 0; padding: 20px 5px 15px; } .foot-ken-tab { border-top: 1px #edecec80; margin-top: 0; margin-bottom: 0; padding-top: 0; } .text-foot-ken-tab { margin-top: auto; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; font-size: 15px; line-height: 17px; } .hb { letter-spacing: -1px; font-size: 23px; display: none; } .phone-top-head-link.w--current { color: var(--white); text-decoration: none; } .pic-ken-contact-phn { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .ken-image { float: none; text-align: center; width: 160px; min-width: 160px; max-width: 160px; margin-left: auto; margin-right: auto; } .bold-contact-phn { font-weight: 700; } .text-for-contact-grid { margin-bottom: 5px; font-size: 14px; font-weight: 600; line-height: 12px; } .grid-contact-phn-ken { grid-column-gap: 15px; grid-row-gap: 15px; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; place-content: center start; place-items: center start; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .head-phn-home-only { border-bottom-style: none; border-bottom-color: var(--slate-blue); color: var(--white); letter-spacing: 0; width: 92%; min-width: 92%; max-width: 92%; margin-top: 10px; margin-bottom: 0; padding-top: 0; padding-bottom: 5px; font-size: 20px; font-weight: 200; line-height: 24px; display: block; } .link-contact { color: var(--orange); margin-bottom: 5px; font-family: Montserrat, sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; text-decoration: none; } .italic-text-3 { font-size: 14px; } .link-email2 { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 14px; font-weight: 500; line-height: 22px; } .link-email2:hover { color: var(--orange); font-size: 14px; line-height: 22px; } .link-email2:active { font-size: 22px; line-height: 22px; } .link-books-2 { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 22px; font-weight: 700; line-height: 30px; } .link-books-2:hover { color: var(--orange); font-size: 22px; line-height: 30px; } .link-books-2:active { font-size: 22px; line-height: 30px; } .nav-link { font-size: 18px; } .bold-home-ph { text-align: center; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 17px; font-weight: 600; line-height: 17px; } .ken-logo { z-index: 555; float: left; opacity: .9; object-fit: fill; object-position: 0% 0%; width: 210px; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; position: relative; } .logo-tngas { z-index: 555; float: left; opacity: .9; object-fit: fill; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; margin-top: 2px; margin-left: 0; margin-right: 0; position: relative; } .brand-box { z-index: 999; padding-left: 0; } .brand-box.w--current { z-index: 999; margin-top: 0; margin-left: 0; } .menu { z-index: 999; float: right; border-top-style: none; border-top-width: 1px; border-bottom-style: none; border-bottom-width: 1px; border-left-style: none; border-left-width: 1px; width: 65%; min-width: 65%; max-width: 65%; height: auto; min-height: auto; margin: 0 0 5px; padding-top: 0; padding-bottom: 0; } .hamburger { opacity: 1; color: #a08d73; background-color: #0000; height: 65px; margin-top: 0; margin-right: 0; padding: 0; font-size: 20px; line-height: 20px; display: block; position: static; } .hamburger.w--open { z-index: 999; background-color: #0000; width: 100px; min-width: 100px; max-width: 100px; height: 50px; min-height: 50px; max-height: 50px; margin-top: 0; padding-top: 0; font-size: 65px; line-height: 65px; display: block; position: absolute; inset: 0% 0% auto auto; } .special-nav-div { background-color: var(--blue-bars); opacity: .9; color: #0000; text-align: left; border-left: 2px #d37b2973; width: 100%; min-width: 100%; max-width: 100%; height: 40px; min-height: 40px; max-height: 40px; margin: 0 0 0 auto; padding-top: 18px; padding-bottom: 30px; padding-left: 15px; } .hamb-icon-home { z-index: 999999; float: none; clear: none; opacity: 1; color: var(--white); text-align: right; object-fit: fill; background-color: #0000; background-image: none; width: 100px; height: 60px; min-height: 60px; max-height: 60px; margin-top: 0; margin-right: 0; padding-top: 0; padding-right: 0; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 65px; font-weight: 400; line-height: 65px; display: block; position: static; overflow: visible; } .special-nav-link { color: var(--white); font-size: 16px; line-height: 16px; } .special-nav-link.w--current { color: var(--white); font-size: 16px; font-weight: 700; line-height: 16px; } .container { float: right; background-color: #0000; width: 100%; min-width: 100%; max-width: 100%; height: 60px; min-height: 60px; max-height: 60px; margin-top: 0; margin-left: auto; margin-right: auto; display: block; position: static; inset: 0% 0% auto auto; } .nav-mobile-ken { box-shadow: none; opacity: 1; background-color: #0000; background-image: url('../images/top-phn.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; min-width: 100%; max-width: 100%; height: 60px; min-height: 60px; max-height: 60px; margin-left: auto; margin-right: auto; display: block; position: fixed; inset: 0% 0% auto; } .head-contact-only { letter-spacing: -1px; font-size: 23px; display: none; } .logo-ken, .logo-ken2, .logo-ken3 { z-index: 555; float: left; opacity: .9; object-fit: fill; object-position: 0% 0%; width: auto; min-width: auto; max-width: none; margin-top: 2px; margin-left: 0; margin-right: 0; position: relative; } .pic1 { width: 100%; min-width: 100%; max-width: 100%; } .sect-home-dt-words-pics { display: none; } .icon-5, .icon-6 { z-index: 999; } .section-top-head { display: none; } .slider-ken-ph-narrow-only { margin-top: 20px; display: block; } .sect-rotation, .sect-home-book-and-words { display: none; } ._3-pics { height: 270px; min-height: 270px; max-height: 270px; } .slide-2-top { background-image: url('../images/tngas-2.jpg'); background-position: 0%; background-repeat: no-repeat; background-size: cover; height: 222px; min-height: 222px; max-height: 222px; } .text-slider-2 { text-align: center; text-shadow: 3px 3px 4px #000; border-bottom-style: none; width: 100%; min-width: 100%; max-width: 100%; margin-top: 90px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; font-size: 22px; line-height: 22px; } .div-slide-3 { height: 222px; min-height: 222px; max-height: 222px; } .mask-for-top { background-color: #0000; height: 270px; min-height: 270px; max-height: 270px; } .section-top-home-collage { border-bottom-width: 1px; height: 222px; min-height: 222px; max-height: 222px; margin-top: 70px; } .home-head-823 { text-align: center; letter-spacing: -3px; width: 100%; min-width: 100%; max-width: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 3px; padding-bottom: 3px; padding-left: 0; font-size: 30px; font-weight: 700; line-height: 26px; display: block; inset: 0% 0% auto; } .text-slider-1 { z-index: 999; color: #fff; text-align: center; letter-spacing: -4px; border-bottom-style: none; width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-top: 0; margin-left: auto; padding: 0; font-size: 21px; line-height: 22px; } .slide-1-top { background-image: url('../images/cp1.jpg'), linear-gradient(150deg, #0000 79%, #09131c), url('../images/tennessee-guitar-sound-solo.jpg'); background-position: 50%, 0 0, 50%; background-repeat: no-repeat, repeat, no-repeat; background-size: cover, auto, cover; height: 270px; min-height: 270px; max-height: 270px; margin-bottom: 20px; } .slide-3-top { background-image: url('../images/tennessee-guitar-sound-repair-ph.jpg'); background-position: 50% 100%; height: 222px; min-height: 222px; max-height: 222px; } .dots { z-index: 950; opacity: 1; text-align: right; letter-spacing: 0; text-shadow: 2px 2px 6px #000; width: 50%; min-width: 50%; max-width: 50%; height: 25px; min-height: 25px; max-height: 25px; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; padding-right: 0; font-size: 14px; line-height: 14px; inset: auto 0% 0% auto; } .div-slide-2 { height: 222px; min-height: 222px; max-height: 222px; } .div-slide-1 { width: 100%; height: auto; min-height: auto; max-height: none; padding-top: 0; } .left-arrow-3, .right-arrow-3 { display: block; } .sect-phone-pics { background-color: var(--blue-bg); border-bottom-width: 1px; width: 90%; min-width: 90%; max-width: 90%; height: 400px; min-height: 400px; max-height: 400px; margin-top: 0; margin-bottom: 0; display: block; overflow: hidden; } .sect-pw-only-words { display: none; } .text-phw-only { text-align: center; width: 92%; min-width: 92%; max-width: 92%; margin-top: 20px; margin-bottom: 20px; padding-left: 0; padding-right: 0; font-size: 15px; line-height: 23px; display: none; } .slider-phone { background-color: var(--blue-bg); width: 100%; min-width: 100%; max-width: 100%; height: 400px; min-height: 400px; max-height: 400px; margin-left: auto; margin-right: auto; overflow: visible; } .mask-2, .mask-2-copy { margin-left: auto; margin-right: auto; } .mask-circle-pack { background-color: var(--blue-bg); border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; overflow: hidden; } .slide-1-ken { background-color: var(--trans); background-image: url('../images/cp1.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-2-ken { background-image: url('../images/cp2.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .pic-1 { width: 100%; min-width: 100%; max-width: 100%; min-height: auto; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 0%; } .pic-2 { width: 100%; min-width: 100%; max-width: 100%; } .sect-pics-pw-only { display: none; } .slide-nav-3 { display: block; } .left-arrow-4 { width: 100%; min-width: 100%; max-width: 100%; display: none; inset: auto 0% 0%; } .right-arrow-4 { width: auto; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; font-size: 13px; display: none; } .icon-9 { opacity: 1; color: var(--blue-bright); margin: 0 auto 60px; font-weight: 700; inset: auto auto 0% 0%; } .icon-10 { opacity: 1; color: var(--blue-bright); margin: 0 auto 60px; font-weight: 700; inset: auto 0% 0% auto; } .slide-3-ken { background-image: url('../images/cp3.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; border-radius: 0; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-4-ken { background-image: url('../images/cp4.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-5-ken { background-image: url('../images/cp5.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-6-ken { background-image: url('../images/cp6.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-7-ken { background-image: url('../images/cp7.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-8-ken { background-image: url('../images/cp8.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-9-ken { background-image: url('../images/cp9.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-10-ken { background-image: url('../images/cp10.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-11-ken { background-image: url('../images/cp11.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-12-ken { background-image: url('../images/cp12.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-13-ken { background-image: url('../images/cp13.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-14-ken { background-image: url('../images/cp14.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 0; padding-right: 0; } .slide-15-ken { box-sizing: border-box; vertical-align: baseline; object-fit: fill; background-image: url('../images/cp15.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; width: 100%; min-width: 100%; max-width: 100%; height: 350px; min-height: 350px; max-height: 350px; margin: 0 auto; padding-bottom: 0; padding-right: 0; overflow: visible; } .link-within-text { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 14px; font-weight: 700; line-height: 22px; } .link-within-text:hover { color: var(--orange); font-size: 14px; line-height: 22px; } .link-within-text:active { font-size: 14px; line-height: 22px; } .text-software-pn-only { border-bottom: 1px #000; width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 700; line-height: 20px; } .link-software { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 20px; font-weight: 700; line-height: 20px; } .link-software:hover { color: var(--orange); font-size: 20px; line-height: 20px; } .link-software:active { font-size: 20px; line-height: 20px; } .links-sw { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 20px; font-weight: 700; line-height: 22px; } .links-sw:hover { color: var(--orange); font-size: 20px; line-height: 22px; } .links-sw:active { font-size: 20px; line-height: 22px; } .link-sw3 { text-align: left; width: 100%; min-width: 100%; max-width: 100%; padding-left: 0; font-size: 14px; font-weight: 700; line-height: 22px; } .link-sw3:hover { color: var(--orange); font-size: 14px; line-height: 22px; } .link-sw3:active { font-size: 14px; line-height: 22px; } .bold-phn-softw, .bold-phn-software { font-size: 20px; } .italic-text-5 { width: 100%; } .books-pnnonly { width: 100%; min-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .quick-stack { grid-column-gap: 0px; grid-row-gap: 0px; padding-top: 0; padding-bottom: 0; } .quick-stack-2 { padding-top: 0; padding-bottom: 0; } .qs-books { grid-column-gap: 0px; grid-row-gap: 0px; padding-top: 0; padding-bottom: 0; } .cell-2, .p-book { justify-content: flex-start; align-items: center; } .left-arrow-ken { opacity: 1; color: var(--blue-bright); margin: 0 auto 40px; font-family: Montserrat, sans-serif; font-weight: 700; display: none; inset: auto auto 0% 0%; } .right-arrow-ken { opacity: 1; color: var(--blue-bright); margin: 0 auto 40px; font-family: Montserrat, sans-serif; font-weight: 100; display: none; inset: auto 0% 0% auto; } .slide-nav-3-copy { display: block; } .dots-ks { opacity: .35; background-color: #00007d; width: auto; min-width: auto; max-width: none; margin: 0 auto; padding-top: 0; padding-bottom: 0; display: block; inset: auto 0% 0%; } .sect-home-ph-n { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; max-height: none; margin-top: 60px; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-right: 0; display: block; position: relative; } } #w-node-e97dc949-306d-2f46-fa54-4e0e5764f277-617db442 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-e97dc949-306d-2f46-fa54-4e0e5764f279-617db442, #w-node-e97dc949-306d-2f46-fa54-4e0e5764f27b-617db442, #w-node-e97dc949-306d-2f46-fa54-4e0e5764f27d-617db442, #w-node-_884a7ca9-313d-084f-b22b-d70e1a669e07-617db442, #w-node-e97dc949-306d-2f46-fa54-4e0e5764f27f-617db442 { place-self: center; } #w-node-_428bc698-9b4e-564e-db74-6a580631b0b8-617db442 { place-self: center start; } #w-node-_428bc698-9b4e-564e-db74-6a580631b0ba-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0bc-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0be-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0c0-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0c2-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0c4-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0c6-617db442, #w-node-_428bc698-9b4e-564e-db74-6a580631b0c8-617db442 { place-self: center end; } #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf59-617db442 { grid-template-rows: auto auto; grid-template-columns: .5fr 7.5fr; } #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf5a-617db442, #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf5b-617db442 { grid-row: span 2 / span 2; } #w-node-_107006fb-3824-7575-cd1e-664d0b584c44-617db442 { grid-template-rows: auto; grid-template-columns: 1fr; } #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2db8-617db442, #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2dba-617db442, #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2dbd-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66ed-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66ee-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66f0-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66f4-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66f7-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66f8-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6700-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6704-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6708-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f670c-617db442 { place-self: center start; } #w-node-_6be685e6-4d3f-6fac-be54-97070de2c316-fe7db443 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-_6be685e6-4d3f-6fac-be54-97070de2c318-fe7db443, #w-node-_6be685e6-4d3f-6fac-be54-97070de2c31a-fe7db443, #w-node-_6be685e6-4d3f-6fac-be54-97070de2c31c-fe7db443, #w-node-_6be685e6-4d3f-6fac-be54-97070de2c31e-fe7db443, #w-node-_6be685e6-4d3f-6fac-be54-97070de2c320-fe7db443 { place-self: center; } #w-node-_20f6467e-d062-73cc-8353-c1606f3f390d-fe7db443 { place-self: center start; } #w-node-_20f6467e-d062-73cc-8353-c1606f3f390f-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f3911-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f3913-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f3915-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f3917-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f3919-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f391b-fe7db443, #w-node-_20f6467e-d062-73cc-8353-c1606f3f391d-fe7db443 { place-self: center end; } #w-node-_0fa9515c-f9de-4edf-4aaa-1ae6b5c3b644-fe7db443 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_66363786-c83a-0d0a-3832-0e2d94537068-fe7db443 { place-self: start; } #w-node-_85bea020-71e1-faf4-9647-d2ea56ecb5d1-fe7db443 { grid-area: span 1 / span 2 / span 1 / span 2; place-self: start; } #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4c-fe7db443, #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4e-fe7db443, #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f51-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e76-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e77-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e79-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e7d-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e80-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e81-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e89-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e8d-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e91-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e95-fe7db443 { place-self: center start; } #w-node-_98b3436a-8d04-3093-193f-ddc333f3968c-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-_98b3436a-8d04-3093-193f-ddc333f3968e-267db444, #w-node-_98b3436a-8d04-3093-193f-ddc333f39690-267db444, #w-node-_98b3436a-8d04-3093-193f-ddc333f39692-267db444, #w-node-_98b3436a-8d04-3093-193f-ddc333f39694-267db444, #w-node-_98b3436a-8d04-3093-193f-ddc333f39696-267db444 { place-self: center; } #w-node-_864597ce-391b-ee10-a913-ede9537ac395-267db444 { place-self: center start; } #w-node-_864597ce-391b-ee10-a913-ede9537ac397-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac399-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac39b-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac39d-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac39f-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac3a1-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac3a3-267db444, #w-node-_864597ce-391b-ee10-a913-ede9537ac3a5-267db444 { place-self: center end; } #w-node-_39973053-30b0-ad6c-93b7-d55238bf3895-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center; } #w-node-e4a221c2-5b73-8ad6-c566-ef06f30db53e-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center start; } #w-node-_39973053-30b0-ad6c-93b7-d55238bf38a0-267db444 { grid-area: span 1 / span 2 / span 1 / span 2; place-self: start; } #w-node-bbcc6664-6030-2d1b-3083-092a787dbe55-267db444 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_53158308-e350-0547-bfff-b268ec49de40-267db444, #w-node-a08eed2a-ab9f-96a6-126f-f67a41a96c5b-267db444, #w-node-_3e090969-eb19-a665-3b02-8ac8c66c48e9-267db444, #w-node-_50824607-284b-70b2-5778-e3f94f6d14ad-267db444, #w-node-_69d65682-ba14-5325-3bff-3cbe616a25d8-267db444, #w-node-dc29aeb4-8458-db03-1f6a-5c84fee7c15f-267db444, #w-node-cb803af8-1e30-a372-3198-1fb135a40647-267db444, #w-node-_956d5d0c-9c4c-cbe4-d4b0-577b335a240d-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_58c4681f-534e-d729-960e-80431273c44a-267db444, #w-node-_58c4681f-534e-d729-960e-80431273c44c-267db444, #w-node-_58c4681f-534e-d729-960e-80431273c44f-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba785-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba786-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba788-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba78c-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba78f-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba790-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba798-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba79c-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba7a0-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba7a4-267db444 { place-self: center start; } #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d5c-097db448 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d5e-097db448, #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d60-097db448, #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d62-097db448, #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d64-097db448, #w-node-dd95a221-7205-7d65-b7f2-7308b8b05d66-097db448 { place-self: center; } #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f85-097db448 { place-self: center start; } #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f87-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f89-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f8b-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f8d-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f8f-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f91-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f93-097db448, #w-node-_6ff54c76-aff3-6966-1088-6b17edfa3f95-097db448 { place-self: center end; } #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e4-097db448, #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e6-097db448, #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e9-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cba-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cbb-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cbd-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cc1-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cc4-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cc5-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321ccd-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd1-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd5-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd9-097db448 { place-self: center start; } #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91c8-c67db449 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: start; } #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91ca-c67db449, #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91cc-c67db449, #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91ce-c67db449, #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91d0-c67db449, #w-node-_7df93f93-9a81-d88f-4d21-ffc8e07e91d2-c67db449 { place-self: center; } #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcc2-c67db449 { place-self: center start; } #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcc4-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcc6-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcc8-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcca-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffccc-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcce-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcd0-c67db449, #w-node-a0b13a86-a99e-3726-4a0a-2c83c22ffcd2-c67db449 { place-self: center end; } #w-node-bdb9fc84-652b-f096-c517-f43809fc5a98-c67db449, #w-node-b45dd264-9721-bde0-54ca-68cd0dfb0382-c67db449, #w-node-_2ca07cd0-f567-fedd-5586-33e8e5af0867-c67db449 { place-self: start; } #w-node-_94f60018-9128-afac-0855-6d75b95ec659-c67db449, #w-node-_79bbdee0-3e34-32d6-692f-50dd4bf9ac01-c67db449, #w-node-_142c921d-5944-c66a-f60e-7efb85cc23ad-c67db449 { grid-template-rows: auto; grid-template-columns: 1fr 1fr; } #w-node-e7971347-5822-8b26-566e-3fe47d9f8cb9-c67db449, #w-node-e7971347-5822-8b26-566e-3fe47d9f8cbb-c67db449, #w-node-e7971347-5822-8b26-566e-3fe47d9f8cbe-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4655-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4656-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4658-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e465c-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e465f-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4660-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4668-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e466c-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4670-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4674-c67db449 { place-self: center start; } @media screen and (max-width: 991px) { #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf59-617db442 { grid-template-rows: auto auto; grid-template-columns: .5fr 5fr; } #w-node-_107006fb-3824-7575-cd1e-664d0b584c44-617db442 { grid-template-rows: auto; grid-template-columns: 1fr; } #w-node-_107006fb-3824-7575-cd1e-664d0b584c45-617db442 { order: 0; } #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66ed-617db442 { place-self: center start; } #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f66f7-617db442 { align-self: center; } #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6700-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6704-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f6708-617db442, #w-node-_87f99af1-d5d0-57c2-e158-89a33c1f670c-617db442 { place-self: center start; } #w-node-_66363786-c83a-0d0a-3832-0e2d94537068-fe7db443, #w-node-_85bea020-71e1-faf4-9647-d2ea56ecb5d1-fe7db443 { align-self: start; } #w-node-_1510cfe6-9139-df0c-5086-004dca495e76-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e89-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e8d-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e91-fe7db443, #w-node-_1510cfe6-9139-df0c-5086-004dca495e95-fe7db443 { place-self: center start; } #w-node-_39973053-30b0-ad6c-93b7-d55238bf38a0-267db444 { grid-area: span 1 / span 2 / span 1 / span 2; place-self: start; } #w-node-_248f9d72-b94f-45f5-695b-02385caba785-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba798-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba79c-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba7a0-267db444, #w-node-_248f9d72-b94f-45f5-695b-02385caba7a4-267db444, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cba-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321ccd-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd1-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd5-097db448, #w-node-_9b43b3de-c551-0f68-f7c4-bac213321cd9-097db448 { place-self: center start; } #w-node-bdb9fc84-652b-f096-c517-f43809fc5a98-c67db449, #w-node-b45dd264-9721-bde0-54ca-68cd0dfb0382-c67db449, #w-node-_2ca07cd0-f567-fedd-5586-33e8e5af0867-c67db449 { align-self: start; } #w-node-_30c98663-8082-5550-dfca-495e7b8e4655-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4668-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e466c-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4670-c67db449, #w-node-_30c98663-8082-5550-dfca-495e7b8e4674-c67db449 { place-self: center start; } } @media screen and (max-width: 767px) { #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf59-617db442 { grid-template-rows: auto auto; grid-template-columns: 6.75fr; } #w-node-a224d79a-5bd7-5441-e6ab-bdf8ae8cbf5b-617db442 { grid-row: span 2 / span 2; } #w-node-_107006fb-3824-7575-cd1e-664d0b584c44-617db442 { display: none; } #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2db7-617db442, #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2db8-617db442 { place-self: center start; } #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2dba-617db442 { place-self: center; } #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2dbd-617db442 { place-self: center start; } #w-node-_0fa9515c-f9de-4edf-4aaa-1ae6b5c3b644-fe7db443 { place-self: start; } #w-node-_66363786-c83a-0d0a-3832-0e2d94537068-fe7db443, #w-node-_85bea020-71e1-faf4-9647-d2ea56ecb5d1-fe7db443 { align-self: start; } #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4b-fe7db443, #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4c-fe7db443 { place-self: center start; } #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4e-fe7db443 { place-self: center; } #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f51-fe7db443, #w-node-e4a221c2-5b73-8ad6-c566-ef06f30db53e-267db444 { place-self: center start; } #w-node-_39973053-30b0-ad6c-93b7-d55238bf38a0-267db444 { align-self: start; } #w-node-_58c4681f-534e-d729-960e-80431273c449-267db444, #w-node-_58c4681f-534e-d729-960e-80431273c44a-267db444 { place-self: center start; } #w-node-_58c4681f-534e-d729-960e-80431273c44c-267db444 { place-self: center; } #w-node-_58c4681f-534e-d729-960e-80431273c44f-267db444, #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e3-097db448, #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e4-097db448 { place-self: center start; } #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e6-097db448 { place-self: center; } #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e9-097db448 { place-self: center start; } #w-node-d61f9da8-3cfb-1381-5648-eedd843a8fa9-c67db449 { place-self: start end; } #w-node-bdb9fc84-652b-f096-c517-f43809fc5a98-c67db449 { align-self: start; } #w-node-_83de1e33-d677-2dcb-b237-fcd63e994812-c67db449 { justify-self: end; } #w-node-b45dd264-9721-bde0-54ca-68cd0dfb0382-c67db449 { align-self: start; } #w-node-a33b4031-e7d8-d8be-dc2e-46a207cf467c-c67db449 { justify-self: end; } #w-node-_2ca07cd0-f567-fedd-5586-33e8e5af0867-c67db449 { align-self: start; } #w-node-e7971347-5822-8b26-566e-3fe47d9f8cb8-c67db449, #w-node-e7971347-5822-8b26-566e-3fe47d9f8cb9-c67db449 { place-self: center start; } #w-node-e7971347-5822-8b26-566e-3fe47d9f8cbb-c67db449 { place-self: center; } #w-node-e7971347-5822-8b26-566e-3fe47d9f8cbe-c67db449 { place-self: center start; } } @media screen and (max-width: 479px) { #w-node-_45ddf310-d79a-ecd6-6b93-16bb1aae2db7-617db442 { justify-self: center; } #w-node-c63cf6f2-2a3f-5dca-0274-01ac6e9d60ff-fe7db443, #w-node-_149e0fb3-1069-44ca-ed66-f899ec34fd8a-fe7db443 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_36f9f20d-0049-b1b5-a1ea-392d2a7f8f4b-fe7db443 { justify-self: center; } #w-node-f22dc972-a107-0b3a-54ed-c39231fe7b4b-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center; } #w-node-f22dc972-a107-0b3a-54ed-c39231fe7b4c-267db444, #w-node-_2132fbc1-5d08-e088-2a49-de8519ddf9b2-267db444, #w-node-_69d65682-ba14-5325-3bff-3cbe616a25d8-267db444, #w-node-dc29aeb4-8458-db03-1f6a-5c84fee7c15f-267db444, #w-node-cb803af8-1e30-a372-3198-1fb135a40647-267db444, #w-node-_956d5d0c-9c4c-cbe4-d4b0-577b335a240d-267db444 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_58c4681f-534e-d729-960e-80431273c449-267db444, #w-node-dbb03934-cbca-1403-7d24-f16fcd7e76e3-097db448 { justify-self: center; } #w-node-_94f60018-9128-afac-0855-6d75b95ec659-c67db449, #w-node-_79bbdee0-3e34-32d6-692f-50dd4bf9ac01-c67db449, #w-node-_142c921d-5944-c66a-f60e-7efb85cc23ad-c67db449 { grid-template-rows: auto; grid-template-columns: 1fr; } #w-node-e7971347-5822-8b26-566e-3fe47d9f8cb8-c67db449 { justify-self: center; } }