diff --git a/css/master.css b/css/master.css index c246038..b56bff1 100644 --- a/css/master.css +++ b/css/master.css @@ -137,7 +137,7 @@ section.page h1 { padding: 0px; } -@media screen and (width > 800px) { +@media screen and (width > 1360px) { body { font-size: 19px; line-height: 24px; @@ -177,7 +177,72 @@ section.page h1 { } section.page h1 { - font-size: 8em; + font-size: 6em; + line-height: 0.95em; + } + + section.content.page div.imgFeat { + grid-column: span 5; + grid-row: 1 / 4: + } + + section.content.page section.imgs { + grid-column: 4 / span 2; + grid-row: 2: + } + + section.content.page section.imgs>img { + max-width: 100%; + height: auto; + } + + section.content.page section.text { + grid-column: 1 / span 3; + grid-row: 2; + } +} + +@media screen and (width < 1360px) { + body { + font-size: 19px; + line-height: 24px; + margin: 0; + padding: 0; + } + + /* --> NAVIGATION <-- */ + nav { + margin: 23px 23px 8px; + font-size: 1.5em; + } + + nav>span { + margin-right: 8px; + } + + nav>span.active::after { + margin-left: 8px; + } + + /* --> MAINPAGE CONSTRUCTION <-- */ + section.content.visible { + margin: 20px 65px; + } + + section.content ul.subMenu { + font-size: 1.5em; + } + + /* --> SUBCONTENT CONSTRUCTION <-- */ + section.content.page { + max-width: 1960px; + grid-template-columns: repeat(5, 1fr); + grid-template-rows: repeat(16, 1fr); + grid-gap: 24px; + } + + section.page h1 { + font-size: 4em; line-height: 0.95em; }