// Scss Document @charset "UTF-8"; .top-view nav{ display: block; } .section-2 { max-width: 880px; margin: -32% auto 0; } .right{ display: flex; justify-content: flex-end; text-align: left; margin-bottom: 10vh; h3{ border-top: 6px solid #0C36A7; border-bottom: 6px solid #0C36A7; font-size: 30px; padding: 3px; width: 40px; text-align: center; letter-spacing: 3px; } } .left{ text-align: left; display: flex; flex-flow: row-reverse; justify-content: flex-end; margin-bottom: 10vh; h3{ border-top: 6px solid #0C36A7; border-bottom: 6px solid #0C36A7; font-size: 30px; padding: 3px; width: 40px; text-align: center; letter-spacing: 3px; } } .right-image{ margin-left: 30px; width: 60%; img{ width: 100%; } p{ font-size: 16px; margin-top: 8px; } } .left-image{ margin-right: 30px; width: 40%; img{ width: 100%; } p{ font-size: 16px; margin-top: 8px; } } @media (max-width:930px){ .top-view nav{ display: none; } .section-1 header{ margin: 144px 30px 0; padding-bottom: 30px; h1{ font-size: 24px; margin: 0px; } } .section-2{ margin: 100px 30px 0; .open-button{ } h2{ font-size: 20px; margin: 0 0 35px 0; } .right{ margin-bottom: 100px; div{ h3{ border-top: 5px solid #0C36A7; border-bottom: 5px solid #0C36A7; font-size: 22px; width: 28px; padding: 1px; letter-spacing: 1px; } } .right-image{ margin-left: 6px; width: 70%; a{ img{ } } p{ font-size: 14px; margin-top: 6px; } } } .left{ margin-bottom: 100px; div{ h3{ border-top: 5px solid #0C36A7; border-bottom: 5px solid #0C36A7; font-size: 22px; width: 28px; padding: 1px; letter-spacing: 1px; } } .left-image{ margin-right: 6px; width: 50%; img{ } p{ font-size: 14px; margin-top: 6px; } } } } }