126 lines
2.6 KiB
CSS
126 lines
2.6 KiB
CSS
@media screen and (min-width: 45em) {
|
|
.page_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
text-align: center;
|
|
padding-bottom: 5em;
|
|
/* background-color: green; */
|
|
}
|
|
.center_wrapper,
|
|
.header_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
.logo_wrapper {
|
|
margin: 1em 0 1em 0;
|
|
width: 40em;
|
|
}
|
|
.navbar_wrapper {
|
|
position: fixed;
|
|
bottom: 0;
|
|
padding: 1em 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1.4em;
|
|
background-color: var(--main-bg-color);
|
|
width: 40em;
|
|
transform: translateZ(2);
|
|
}
|
|
.content {
|
|
font-size: 2em;
|
|
font-family: pfdintextcompprothin;
|
|
color: var(--main-color);
|
|
width: 20em;
|
|
text-align:justify;
|
|
text-justify: inter-word;
|
|
}
|
|
.partners {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
.subpartners {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media screen and (max-width: 44em) {
|
|
.page_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
text-align: center;
|
|
padding-bottom: 2em;
|
|
width: 21em;
|
|
/* background-color: green; */
|
|
}
|
|
.center_wrapper ,
|
|
.header_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
width: 21em;
|
|
/* background-color: orangered; */
|
|
}
|
|
.logo_wrapper {
|
|
margin-top: 0.5em;
|
|
width: 21em;
|
|
/* background-color: red; */
|
|
}
|
|
.navbar_wrapper {
|
|
position: fixed;
|
|
bottom: 0;
|
|
padding: 0.5em 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1em;
|
|
background-color: var(--main-bg-color);
|
|
width: 21em;
|
|
transform: translateZ(2);
|
|
/* background-color: white; */
|
|
}
|
|
.content {
|
|
font-size: 1em;
|
|
font-family: pfdintextcompprothin;
|
|
color: var(--main-color);
|
|
width: 21em;
|
|
text-align:justify;
|
|
text-justify: inter-word;
|
|
}
|
|
.partners {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
.subpartners {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
}
|