/* ABOUT PAGE */ /* line 3, ../../app/assets/stylesheets/about_css.scss */ #abouthead { text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; width: 100%; font-size: 150px; font-family: 'wondrosfont2regular'; letter-spacing: 4px; } /* line 14, ../../app/assets/stylesheets/about_css.scss */ #aboutdef1 { margin-top: 20px; margin-left: auto; margin-right: auto; width: 750px; text-align: left; font-size: 16px; font-family: 'trajan-pro-3'; position: relative; } /* line 25, ../../app/assets/stylesheets/about_css.scss */ #aboutdef2 { color: #6b6b6b; margin-top: 20px; margin-left: auto; margin-right: auto; line-height: 120%; width: 750px; text-align: left; font-size: 16px; font-style: italic; position: relative; } /* line 38, ../../app/assets/stylesheets/about_css.scss */ #is-mission-button { background: url(../assets/playrabbitbutton.png); width: 124px; height: 124px; position: relative; left: 85%; cursor: pointer; opacity: 1.0; -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); } /* line 52, ../../app/assets/stylesheets/about_css.scss */ #is-mission-button:hover { opacity: 0.5; -o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); -moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); -webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1); } @media screen and (max-width: 920px) { /* line 64, ../../app/assets/stylesheets/about_css.scss */ #abouthead { font-size: 90px; } /* line 66, ../../app/assets/stylesheets/about_css.scss */ #aboutdef1 { font-size: 14px; width: 476px; } /* line 71, ../../app/assets/stylesheets/about_css.scss */ #aboutdef2 { font-size: 14px; width: 476px; } /* line 76, ../../app/assets/stylesheets/about_css.scss */ #is-mission-button { left: 50%; margin-left: -62px; } } @media screen and (max-width: 480px) { /* line 86, ../../app/assets/stylesheets/about_css.scss */ #abouthead { font-size: 50px; } /* line 88, ../../app/assets/stylesheets/about_css.scss */ #aboutdef1 { font-size: 10px; width: 65%; } /* line 93, ../../app/assets/stylesheets/about_css.scss */ #aboutdef2 { font-size: 10px; width: 65%; } /* line 98, ../../app/assets/stylesheets/about_css.scss */ #is-mission-button { left: 50%; margin-left: -62px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) { /* line 110, ../../app/assets/stylesheets/about_css.scss */ #aboutdef1 { font-size: 10px; width: 80%; } /* line 115, ../../app/assets/stylesheets/about_css.scss */ #aboutdef2 { font-size: 10px; width: 80%; } /* line 120, ../../app/assets/stylesheets/about_css.scss */ #is-mission-button { left: 50%; margin-left: -62px; } }