diff --git a/assets/css/style.css b/assets/css/style.css index 4611197c..cbd186bf 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -781,7 +781,7 @@ hr.-even { font-size: 1.75rem; line-height: 2rem; color: var(--wtf-nearly-white); - margin: 0.5rem 0 1rem 0; + margin: 0.5rem 2.5rem 1rem 0; } @@ -1353,6 +1353,10 @@ footer { .contact__box .contact_info__box p { margin-right: 1.5rem; } + + .card_grid { + grid-template-columns: 1fr; + } } @media screen and (max-width: 850px) and (min-width: 790px) { @@ -1433,6 +1437,10 @@ footer { h1.big_heading { font-size: 3.5rem; } + + .card_grid { + grid-template-columns: 1fr; + } } @media screen and (max-width: 789px) and (min-width: 596px) { @@ -1470,6 +1478,7 @@ footer { .header__slim_box { background-image: none; padding-bottom: 0; + margin-bottom: 1.5rem; } .slim_box__top_bar_left { @@ -1485,6 +1494,10 @@ footer { .slim_box__top_bar_right { display: none; } + + .slim_box__submenu { + margin-right: 2.25rem; + } /* slim header - end */ .header__claim { @@ -1640,6 +1653,10 @@ footer { h1.big_heading { font-size: 3.5rem; } + + .card_grid { + grid-template-columns: 1fr; + } } @media screen and (max-width: 595px) { @@ -1688,10 +1705,6 @@ footer { background-image: none; } - .header__slim_box { - margin-top: -3rem; - } - .header__claim { margin: 0.5rem 0.5rem 0 0.5rem; grid-row: 3 / span 1; @@ -1771,7 +1784,7 @@ footer { /* slim header - start */ .header__slim_box { background-image: none; - margin: 0; + margin: 0 0 1.5rem 0; padding: 0; z-index: 40; } @@ -1789,6 +1802,20 @@ footer { .slim_box__unicorns { display: none; } + + .slim_box__submenu { + height: 2rem; + padding-top: 0.5rem; + margin-right: 2.25rem; + } + + .slim_box__submenu a { + font-size: 1.25rem; + } + + .slim_box__submenu a img { + height: 1.5rem; + } /* slim header - end */ .sub_claim__box { @@ -1938,6 +1965,10 @@ footer { grid-column: 1 / span 2; grid-row: 2 / span 3; } + + .card_grid { + grid-template-columns: 1fr; + } /* content - end */ /* footer - start */