diff --git a/home/static/css/style.css b/home/static/css/style.css index faed900b3dd5ed498dbd6f756fbc854aff8da419..918cad0f735ea9ac0ac5296b13445413e1b515c2 100644 --- a/home/static/css/style.css +++ b/home/static/css/style.css @@ -64,15 +64,22 @@ header #head_main_infos { font-size: 50px; } header #head_main_infos { - font-size: 10pt; + font-size: 15pt; } } @media (max-width: 600px) { + header { + flex-direction: column; + } header h1, header h1 a { font-size: 30px; } header #head_main_infos { - font-size: 8pt; + font-size: 12pt; + flex-direction: row; + } + header #head_main_infos div { + padding: 0 10px 10px; } } @@ -154,7 +161,6 @@ main { padding: 1px 30px 50px; max-width: 920px; margin: 0 auto 0 auto; - min-height: calc(100vh - 370px); /* viewport-height - (header+footer+nav bar) */ } main h2 { @@ -489,8 +495,6 @@ footer { bottom: 0; width: 100%; text-align: center; - padding: 10px 0; - height: 50px; color: white; display: flex; background-color: var(--color_bg_1); @@ -503,4 +507,21 @@ footer #sponsors img { margin: 0; height: 40px; margin-right: 20px; + padding: 5px; +} + +@media (max-width: 500px) { + main { + padding-bottom: 80px; + } + footer #sponsors img { + margin: 0; + height: 30px; + } + footer { + flex-direction: column; + } + footer p { + margin: 5px; + } }