|
|
|
@ -48,7 +48,7 @@ header {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
padding: 4em 0;
|
|
|
|
|
padding: 4em 1rem;
|
|
|
|
|
max-width: 100em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
@ -75,6 +75,7 @@ main {
|
|
|
|
|
margin-bottom: 5em;
|
|
|
|
|
max-width: 50em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
|
|
|
|
h1, h2 {
|
|
|
|
|
margin-top: 2em;
|
|
|
|
@ -87,7 +88,7 @@ main {
|
|
|
|
|
margin-left: -50vw;
|
|
|
|
|
background-color: #C61730;
|
|
|
|
|
color: #fff;
|
|
|
|
|
padding: 4em 0;
|
|
|
|
|
padding: 4em 1rem;
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
@ -203,3 +204,24 @@ footer {
|
|
|
|
|
max-width: 55em;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 999px) {
|
|
|
|
|
header {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
img { display: none; }
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
ul { flex-direction: column; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
main form {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
div { margin-bottom: 2em; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|