|
|
Line 83: |
Line 83: |
| } | | } |
| | | |
− | /* IF THE SCREEN IS LESS THAN 1000PX */
| |
| | | |
− | @media only screen and (max-width: 1000px) {
| |
− | #content {
| |
− | width: 100%;
| |
− | }
| |
− | .menu_wrapper {
| |
− | width: 15%;
| |
− | }
| |
− | .content_wrapper {
| |
− | margin-left: 15%;
| |
− | }
| |
− | .menu_item {
| |
− | display: block;
| |
− | }
| |
− | .icon {
| |
− | display: none;
| |
− | }
| |
− | .highlight {
| |
− | padding: 10px 0px;
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 680PX */
| |
− |
| |
− | @media only screen and (max-width: 680px) {
| |
− | .collapsable_menu_control {
| |
− | display: block;
| |
− | }
| |
− | .menu_item {
| |
− | display: none;
| |
− | }
| |
− | .menu_wrapper {
| |
− | width: 100%;
| |
− | height: 15%;
| |
− | position: relative;
| |
− | }
| |
− | .content_wrapper {
| |
− | width: 100%;
| |
− | margin-left: 0px;
| |
− | }
| |
− | .column.half_size {
| |
− | width: 100%;
| |
− | }
| |
− | .column img {
| |
− | width: 100%;
| |
− | padding: 5px 0px;
| |
− | }
| |
− | .icon {
| |
− | display: block;
| |
− | }
| |
− | .highlight {
| |
− | padding: 15px 5px;
| |
− | }
| |
− | }
| |
| | | |
| | | |