/*********** Build Version: 1.53.980.2111, Date: Fri, 03 Nov 2023 21:52:57 GMT ********************/ /*********** Elements & Resets ********************************************************************/ a, body, div, h1, h2, h3, html, iframe, img, p { border: none; margin: 0; padding: 0 } body { background-color: #002667; color: #000000; padding-top: 100px; font-size: 20px; font-family: 'Noto Serif', serif } a { text-decoration: none; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; outline-width: 2px; outline-color: transparent } /*********** Header *******************************************************************************/ header { background-color: #FFFFFF; display: flex; justify-content: space-between; padding: 10px 20px; position: fixed; z-index: 10; top: 0; right: 0; left: 0; height: 100px; box-sizing: border-box; -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.39); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.39); align-items: center } body.admin-bar header { top: 32px } header > div { min-width: 300px } header > div:nth-child(2) { background-color: transparent } header > div:nth-child(2) nav { display: flex; justify-content: space-between; align-items: center; align-content: center; height: 100% } header nav a, header nav span { display: block; color: #404040; text-decoration: none; font-size: 28px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif; line-height: 100%; letter-spacing: 1px; margin: 0 30px; position: relative; cursor: pointer } #btn-toggle, #mobile-menu { display: none } header .logo a { display: block } header a:hover { color: #99BDFF } header .logo img { width: auto; height: 70px; display: block } header nav span .submenu { position: absolute; background-color: #FFFFFF; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); margin: 0; padding: 15px; display: none } header nav span:hover .submenu { display: block } header nav span .submenu a { margin: 0; white-space: nowrap; padding: 10px; font-size: 24px } /*********** Mobile Menu **************************************************************************/ #mobile_menu { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 20; z-index: 100000; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; -o-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s } body.menu-visible #mobile_menu { background-color: rgba(0, 0, 0, 0.86); -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s } #mobile_menu > div { background-color: #FFFFFF; height: 100vh; position: relative; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -o-transform: translate(-100%); -ms-transform: translate(-100%); -moz-transform: translate(-100%); -webkit-transform: translate(-100%); transform: translate(-100%); -o-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; font-family: 'Bebas Neue', sans-serif; font-size: 24px; padding: 40px; overflow-y: auto; box-sizing: border-box } body.menu-visible #mobile_menu > div { -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s } #btn_close { position: absolute; top: 10px; right: 10px; font-size: 50px; padding: 10px; width: 50px; height: 50px; display: grid; place-content: center; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -o-transform: translate(0,-100px); -ms-transform: translate(0,-100px); -moz-transform: translate(0,-100px); -webkit-transform: translate(0,-100px); transform: translate(0,-100px); -o-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s } body.menu-visible #btn_close { -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s } #mobile_menu nav a { display: block; font-size: 40px; margin-bottom: 15px; color: #000000 } #mobile_menu .logo img { width: 300px; display: block; margin-bottom: 30px } #mobile_menu nav a:last-child { margin-bottom: 0 } #mobile_menu .call i { margin-right: 20px } /*********** WordPress ****************************************************************************/ .is-layout-flex { display: flex } /*********** Main Content *************************************************************************/ h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue', sans-serif; line-height: 100%; padding: 0; margin: 0; font-size: 60px; letter-spacing: 2px; color: #002667; font-weight: normal } h1 { font-weight: bold; color: #B70B39 } h2, h2 strong, h3, h3 strong { letter-spacing: 0; color: #333333; line-height: 100%; font-size: 30px; font-weight: normal; margin-bottom: 10px } h3, h3 strong { font-size: 24px } section { min-height: 600px; background-color: #FFFFFF } section > div { width: 1200px; margin-left: auto; margin-right: auto; padding: 80px 0 } .font-a { font-family: 'Bebas Neue', sans-serif; letter-spacing: 1px } .font-b { font-family: 'Noto Serif', serif } p { margin-left: auto; margin-right: auto; max-width: 800px; line-height: 150% } a.cta, .cta { background-color: #196BFF; color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; line-height: 100%; display: inline-block; font-size: 30px; letter-spacing: 1px; box-sizing: border-box; height: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 11px 30px 0 } a.cta.init, .cta.init { -o-transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); filter: alpha(opacity=0); opacity: 0.0 } .cta-wrapper { margin-top: 100px } a.cta:hover, .cta:hover { background-color: #4C8CFF; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) } button.cta { border: none; padding-top: 3px; cursor: pointer; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s } section p.balance { text-wrap: balance } .margin-bottom-1 { margin-bottom: 10px } .margin-bottom-2 { margin-bottom: 20px } /*********** Footer *******************************************************************************/ footer { background-color: #002667; color: #FFFFFF } footer .legal { background-color: #001333; padding: 10px 0; color: #FFFFFF } footer .legal > div { width: 1200px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-content: center } footer .main { width: 1200px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; padding: 80px 0 } footer .main h3 { font-size: 40px; font-weight: normal; color: #FFFFFF; margin-bottom: 10px } footer .main ul { margin: 0; padding: 0; list-style-type: none } footer .main li a { color: #669DFF; display: inline-block; line-height: 100%; padding: 10px 0 } footer .legal a:hover, footer .main li a:hover, footer a.call:hover { color: #99BDFF } footer .footer-logo { display: block } footer a.footer-logo img { width: 300px } footer h4 { font-size: 21px; line-height: 100%; margin: 20px auto 10px; color: #FFFFFF; font-family: 'Noto Serif', serif; font-weight: bold; letter-spacing: 0 } body.page footer p.address { line-height: 100%; font-size: 18px; margin-bottom: 0 } footer a.call { color: #669DFF; display: inline-block; margin-top: 25px; font-size: 24px } footer .legal a { color: #669DFF } footer .footer-phone { margin-right: 10px } /*********** Default ******************************************************************************/ .slides { position: relative; height: 800px } .slides > div { height: 100%; position: relative; top: 0; left: 0; z-index: 0 } .slide-1 { background-color: #000000 } /*********** Home *********************************************************************************/ .video { height: calc(100vh - 100px); display: flex; width: 100%; flex-direction: column; overflow: hidden; position: relative } .home-video { display: block; width: 100%; height: 100%; -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } section.section-video { background-color: #002667 } section.section-video > div { padding: 0 } .link-items a { background-image: linear-gradient(to right, #00000050, #00000050), url('/wp-content/themes/ustg-2023/img/gbg1.jpg'); } a.photos {background-image: linear-gradient(to right, #00000050, #00000050), url('/wp-content/themes/ustg-2023/img/gbg2.jpg')} a.celebs {background-image: linear-gradient(to right, #00000050, #00000050), url('/wp-content/themes/ustg-2023/img/gbg3.jpg')} .section-more { background-color: #FFFFFF; text-align: center } section.section-intro p.intro-text { margin-left: auto; margin-right: auto } section.section-more p.intro-text { max-width: 800px; width: auto; text-align: left } .section-more h1 { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s } .section-more h1.init { -o-transform: translate(0,-50px); -ms-transform: translate(0,-50px); -moz-transform: translate(0,-50px); -webkit-transform: translate(0,-50px); transform: translate(0,-50px); filter: alpha(opacity=0); opacity: 0.0 } /*********** Home Intro ***************************************************************************/ section.section-intro { -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.27) inset; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.27) inset; box-shadow: 0 5px 10px rgba(0,0,0,0.27) inset; color: #4D4D4D; text-align: center; background: url('/wp-content/themes/ustg-2023/img/background-2.webp'); background-size: cover; background-attachment: fixed; border-bottom: 1px solid #636363 } section.section-intro h1 { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; filter: alpha(opacity=100); opacity: 1.0 } section.section-intro h1.init { filter: alpha(opacity=0); opacity: 0.0; -o-transform: translate(0,-100px); -ms-transform: translate(0,-100px); -moz-transform: translate(0,-100px); -webkit-transform: translate(0,-100px); transform: translate(0,-100px) } .link-items { display: flex; justify-content: space-between; width: 900px; margin-top: 80px; margin-right: auto; margin-left: auto } .link-items-2 { width: 570px } body.page main .link-items a { display: grid; width: 220px; height: 220px; place-content: center; color: #FFFFFF; font-weight: bold; -moz-border-radius: 110px; -webkit-border-radius: 110px; border-radius: 110px; box-sizing: border-box; text-shadow: 0 2px 1px rgba(0, 0, 0, 0.36); filter: alpha(opacity=90); opacity: 0.9; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; font-size: 32px; line-height: 100%; background-size: cover; background-position: center; -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition-timing-function: ease-in-out } body.page main .link-items.init a { filter: alpha(opacity=0); opacity: 0.0; -o-transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5) } body.page main .link-items a:hover { filter: alpha(opacity=100); opacity: 1.0; color: #FFFFFF } section.section-intro p.intro-text, section.section-more p.intro-text { width: 654px; font-size: 24px; color: #000000; filter: alpha(opacity=100); opacity: 1.0; -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; margin: 30px auto } section.section-intro p.intro-text.init, section.section-more p.intro-text.init { filter: alpha(opacity=0); opacity: 0.0; -o-transform: translate(0,20px); -ms-transform: translate(0,20px); -moz-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px) } /* intro.css */ .link-items a:nth-child(2), .link-items a:nth-child(3) { transition-property: opacity, transform; transition-delay: 0s, 0.1s; transition-timing-function: linear, ease-in-out } .link-items a:nth-child(3) { transition-delay: 0s, 0.2s; } body.page main .link-items a.apps, body.page main .link-items a.client { font-size: 28px } section.section-more p.intro-text { width: 800px } /*********** Home Events **************************************************************************/ section.section-register { background: url('/wp-content/themes/ustg-2023/img/background-3.webp'); background-position: center 0; background-size: 110%; background-repeat: repeat-y; background-attachment: fixed; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.39) inset; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.39) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.39) inset } section.section-register h1 { text-align: center; padding: 17px 0 13px; width: 600px; margin-left: auto; margin-right: auto; color: #FFFFFF; text-shadow: 0 1px 2px #000000 } .ustg-event-list { margin-top: 50px } .ustg-event-list h4 { color: #002667; font-family: 'Bebas Neue', sans-serif; font-weight: normal; font-size: 32px; letter-spacing: 1px; margin: 0 auto 10px } .ustg-event-list > div { background-color: #FAFAFA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px; margin-bottom: 25px; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); margin-left: auto; margin-right: auto; max-width: 600px; color: #404040 } body.page main .ustg-event-list a.cta { font-size: 20px; height: 38px; padding: 10px 26px 0; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px } .ustg-event-list .cta-wrapper { text-align: center; margin: 40px auto 0 } .ustg-event-list > div .date { font-weight: bold; font-size: 20px; margin-bottom: 0; text-transform: uppercase } .private { text-align: center } .private p { background-color: #002667; display: inline-block; padding: 25px; color: #FFFFFF } /*********** Home Social **************************************************************************/ section.section-social { background-color: #002667 } section.section-social h1 { font-size: 80px; margin-bottom: 40px; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s } section.section-social h1.init { filter: alpha(opacity=0); opacity: 0.0; letter-spacing: 10px } section.section-social a { color: #669DFF; font-size: 50px; filter: alpha(opacity=100); opacity: 1.0; line-height: 100%; -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); min-height: 1px; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s } section.section-social .cta-wrapper .cta{ background-color: #669DFF; color: #002667; width: 170px; font-size: 30px; min-height: 1px; -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } section.section-social .cta-wrapper .cta.init, section.section-social .init a, section.section-social a.init { filter: alpha(opacity=0); opacity: 0.0; -o-transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5) } section.section-social a:hover { color: #99BDFF } section.section-social .flex { display: flex } section.section-social .flex > div { width: 50%; text-align: center } section.section-social .flex .row { justify-content: space-between; width: 230px; margin-left: auto; margin-right: auto } section.section-social .flex .row:nth-child(2) { margin-top: 40px } section.section-social .grid { display: grid; place-content: center } section.section-social > .flex { justify-content: space-between } .twitter-timeline { margin: 0 0 0 auto } section.section-social .cta-wrapper { margin-top: 50px } section.section-social .cta-wrapper .cta:hover { background-color: #99BDFF; color: #002667 } /* social.css */ section.section-social .row a:nth-child(2), section.section-social .row a:nth-child(3) { transition-property: color, opacity, transform; transition-delay: 0s, 0.1s; transition-duration: 0.2s, 0.7s; transition-timing-function: linear, cubic-bezier(0.6, 0.00, 03, 0.9); } section.section-social .row a:nth-child(3) { transition-delay: 0s, 0.2s; } /*********** Page *********************************************************************************/ body.page { background-color: #F2F2F2 } section.section-page { padding: 50px 0; background-position: center; background: url('/wp-content/themes/ustg-2023/img/background-4.webp'); background-repeat: repeat-y; background-size: cover } section.section-page > div { width: 1000px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; padding: 40px } section.section-page h1 { border-bottom: 3px solid #002667; margin-bottom: 30px } .section-page p { max-width: 100%; margin: 0 0 30px } main .section-page a { color: #196BFF } section.section-page img { height: auto; max-width: 100% } section.section-page ul { margin: 30px 0 0 } section.section-page li { margin-bottom: 20px } .vip img { width: 100% } section.section-page .links18 img { display: block; margin-left: auto; margin-right: auto; max-width: 700px } .page-id-87 .section-page a { font-size: 36px } /*********** Contact ******************************************************************************/ .ustg-contact { background-color: #FFFFFF; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; width: 611px } .ustg-contact label { display: block; margin-bottom: 30px } .ustg-contact label > span { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 2px; margin-bottom: 0; line-height: 100% } .ustg-contact label input[type="email"], .ustg-contact label input[type="text"], .ustg-contact label textarea { line-height: 100%; font-size: 18px; padding: 10px; width: 100%; background-color: #F5F5F5; border: none; border-bottom: 1px solid #B2B2B2; box-sizing: border-box; font-family: 'Noto Serif', serif } .ustg-contact label textarea { height: 150px } .ustg-contact label > span .required { color: #FF0000 } body.page-id-7 address { font-style: normal; line-height: 100%; margin-bottom: 20px } body.page-id-7 address h3 { margin-bottom: 0 } body.page-id-7 address p { padding: 0; margin: 0 } body.page-id-7 section.section-page .phone { display: block; margin-bottom: 30px } body.page-id-7 section.section-page .phone i { display: inline-block; margin-right: 10px } .message-success { background-color: #FFFBE0; display: inline-block; box-sizing: border-box; line-height: 100%; padding: 20px; border: 1px solid #FFEE7A } /*********** Videos *******************************************************************************/ .ustg-media { display: flex; justify-content: center; margin-top: 40px } .ustg-media a { font-size: 130px; display: inline-block; margin: 0 40px } .ustg-media a:hover { color: #669DFF } /*********** Blog *********************************************************************************/ .blog-nav { display: flex; justify-items: center; justify-content: center } main .section-page .blog-nav a { display: inline-block; line-height: 100%; background-color: #196BFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; width: 122px; text-align: center; letter-spacing: 3px; font-weight: normal; margin: 0 20px; padding: 9px 0 7px } main .section-page .blog-nav a:hover { background-color: #99BDFF } .blog-items { margin-bottom: 80px } /* Max 1600 */ @media screen and (max-width:1600px) { /*********** Header ******************************************************************************/ header > div { min-width: 200px } /*********** Home Intro **************************************************************************/ section.section-intro { background-size: 120% } } /* Max 1400 */ @media screen and (max-width:1400px) { /*********** Header ******************************************************************************/ header > div:last-child { display: none } /*********** Footer ******************************************************************************/ footer .main { max-width: 1200px; width: 100%; box-sizing: border-box; padding: 80px 20px } footer .legal > div { width: 100%; max-width: 1200px; box-sizing: border-box; padding: 0 20px } } /* Max 1200 */ @media screen and (max-width:1200px) { /*********** Header ******************************************************************************/ header nav a, header nav span { margin: 0 15px } /*********** Main Content ************************************************************************/ section.section-page > div { width: 890px } section > div { width: 100%; max-width: 1200px } /*********** Home ********************************************************************************/ section.section-video > div { width: 100%; aspect-ratio: 16 / 9 } section.section-social > .flex { display: block } section.section-video { min-height: initial } section.section-video > div { aspect-ratio: 16 / 9 } .video { height: auto } .home-video { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } /*********** Home Intro **************************************************************************/ section.section-intro { background-size: cover } /*********** Home Events *************************************************************************/ section.section-register { background-size: 160% } /*********** Home Social *************************************************************************/ section.section-social .flex > div { width: auto } section.section-social .grid { margin-bottom: 80px } .twitter > div { margin-left: auto; margin-right: auto } } /* Max 1000 */ @media screen and (max-width:1000px) { /*********** Header ******************************************************************************/ header { padding: 0 25px } header > div:nth-child(2) nav { display: none } header > div:last-child { display: block; text-align: right } #btn-toggle { display: block; font-size: 41px } /*********** Main Content ************************************************************************/ section.section-page { padding: 20px; box-sizing: border-box } section > div { padding: 80px 20px; box-sizing: border-box } section.section-page > div { width: 100%; box-sizing: border-box } /*********** Footer ******************************************************************************/ footer .main { flex-direction: column; text-align: center } footer .main > div { margin-bottom: 70px } footer .main > div:last-child { margin-bottom: 0 } /*********** Home Intro **************************************************************************/ .link-items { width: auto; padding: 0 20px } section.section-more p.intro-text { width: auto } /*********** Home Events *************************************************************************/ section.section-register { background-size: 265% } /*********** Contact *****************************************************************************/ .ustg-contact { width: 100%; max-width: 600px } .message-success { scroll-margin-top: 100px } } /* Max 800 */ @media screen and (max-width:800px) { /*********** Main Content ************************************************************************/ .section-page p { word-wrap: break-word } /*********** Home ********************************************************************************/ section.section-intro p.intro-text, section.section-more p.intro-text { width: 100% } .link-items { justify-items: center; justify-content: center; flex-direction: column } body.page main .link-items a { margin-right: auto; margin-bottom: 60px; margin-left: auto } body.page main .link-items a:last-child { margin-bottom: 0 } /*********** Home Events *************************************************************************/ section.section-register h1 { width: auto; font-size: 50px } } /* Max 782 */ @media screen and (max-width:782px) { /*********** Header ******************************************************************************/ body.admin-bar header { top: 46px } } /* Max 600 */ @media screen and (max-width:600px) { /*********** Header ******************************************************************************/ header > div { min-width: initial } /*********** Footer ******************************************************************************/ footer .main li a { font-size: 22px; padding: 15px 0 } } /* Max 480 */ @media screen and (max-width:480px) { /*********** Elements & Resets *******************************************************************/ body { padding-top: 80px } /*********** Header ******************************************************************************/ header { height: 80px } header .logo img { height: 50px } /*********** Mobile Menu *************************************************************************/ #mobile_menu .logo img { width: 250px } #mobile_menu nav a { font-size: 30px } /*********** Main Content ************************************************************************/ section.section-page { padding: 10px } section.section-page > div { padding: 20px } section.section-page h1 { font-size: 40px } section > div { padding: 50px 20px } /*********** Home Intro **************************************************************************/ section.section-intro h1 { font-size: 40px } section.section-intro p.intro-text, section.section-more p.intro-text { font-size: 20px } /*********** Home Events *************************************************************************/ section.section-register { background-size: cover } section.section-register h1 { font-size: 40px } }