diff --git a/css/main.css b/css/main.css index 8193a1a..92b0c0b 100644 --- a/css/main.css +++ b/css/main.css @@ -229,25 +229,6 @@ hr::after { font-weight: 300; } - -@media screen and (max-width: 736px) { - #header { - min-height: 0; - padding: 5.5em 0 5em 0; - height: auto; - } - - #header h1 { - font-size: 2.5em; - } - - #header .inner { - padding-top: 1.5em; - padding-left: 1em; - padding-right: 1em; - } -} - #header .background { background: linear-gradient(145deg, #3f2b4e 0%,#7b6b75 23%,#58445d 42%,#56425b 52%,#c7bbbd 81%,#422d4f 100%); filter: blur(50px); @@ -392,7 +373,7 @@ main section h2::after { text-decoration: none; width: 100%; background: #ffd1eb26; - border-radius: 0; + border-radius: 0;F border: solid 2px #553f59; color: inherit; line-height: 3em; @@ -430,6 +411,7 @@ main section h2::after { position: absolute; right: 6em; bottom: 2.4em; + max-width: 50%; } #contact .social_network .icons { @@ -469,9 +451,74 @@ main section h2::after { } main footer, body > footer { - line-height: 0.8rem; + line-height: 1.2em; padding: 2.5em 0 2em 0; font-size: 0.8em; text-align: center; opacity: 0.75; +} + +main footer p, body > footer p { + margin: 0.25em 0 +} + +#trust ul { + padding-left: 20px; +} + +#trust ul li { + list-style: circle; +} + +@media screen and (max-width: 736px) { + #header { + min-height: 0; + padding: 5.5em 0 5em 0; + height: auto; + } + + #header h1 { + font-size: 2.5em; + } + + #header .inner { + padding-top: 1.5em; + padding-left: 1em; + padding-right: 1em; + } + main { + max-width: calc(100% - 3em); + } + main > section { + padding: 2em; + } + main section h2 { + font-size: 1.6em; + } + + #contact h3 { + letter-spacing: 0.02em; + font-size: 0.9rem; + } + + #contact .social_network { + right: 0.2em; + bottom: 0.4em; + } + + #services li { + width: 50%; + } +} + +@media screen and (max-width: 436px) { + main { + max-width: calc(100% - 1.5em); + } + main > section { + padding: 1em; + } + #services li { + width: 100%; + } } \ No newline at end of file