2020-08-05 05:45:05 +00:00
|
|
|
.header {
|
|
|
|
|
display: flex;
|
2022-03-01 02:39:37 +00:00
|
|
|
align-items: center;
|
2020-08-17 23:46:13 +00:00
|
|
|
min-height: 100px;
|
2021-02-16 04:14:09 +00:00
|
|
|
width: 100%;
|
2020-08-05 05:45:05 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.title {
|
2022-03-05 17:42:32 +00:00
|
|
|
flex: 1;
|
2020-08-06 02:04:02 +00:00
|
|
|
font-size: var(--font-size-large);
|
2020-09-27 05:02:10 +00:00
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
line-height: 1.4;
|
2020-08-05 05:45:05 +00:00
|
|
|
}
|
|
|
|
|
|
2020-08-17 23:46:13 +00:00
|
|
|
.logo {
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-01 02:39:37 +00:00
|
|
|
.links {
|
2022-03-05 17:42:32 +00:00
|
|
|
flex: 2;
|
2020-08-05 05:45:05 +00:00
|
|
|
display: flex;
|
2020-09-20 09:54:38 +00:00
|
|
|
justify-content: center;
|
2020-08-05 05:45:05 +00:00
|
|
|
align-items: center;
|
2020-09-09 23:12:29 +00:00
|
|
|
font-size: var(--font-size-normal);
|
|
|
|
|
font-weight: 600;
|
2020-08-05 05:45:05 +00:00
|
|
|
}
|
|
|
|
|
|
2022-03-01 02:39:37 +00:00
|
|
|
.links a + a {
|
2020-09-20 18:28:38 +00:00
|
|
|
margin-left: 40px;
|
2020-08-05 05:45:05 +00:00
|
|
|
}
|
2020-08-07 05:03:02 +00:00
|
|
|
|
2020-09-20 09:54:38 +00:00
|
|
|
.buttons {
|
2022-03-05 17:42:32 +00:00
|
|
|
flex: 1;
|
2020-09-20 09:54:38 +00:00
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
2020-09-27 05:02:10 +00:00
|
|
|
align-items: center;
|
2020-09-20 09:54:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 992px) {
|
2022-03-01 02:39:37 +00:00
|
|
|
.header .buttons {
|
|
|
|
|
flex: 1;
|
2021-03-01 04:37:59 +00:00
|
|
|
}
|
2022-03-12 00:04:05 +00:00
|
|
|
|
2022-03-01 02:39:37 +00:00
|
|
|
.links {
|
|
|
|
|
order: 2;
|
|
|
|
|
margin: 20px 0;
|
|
|
|
|
min-width: 100%;
|
2020-09-20 09:54:38 +00:00
|
|
|
}
|
2021-01-03 11:32:25 +00:00
|
|
|
}
|
2020-09-20 09:54:38 +00:00
|
|
|
|
2021-03-01 04:37:59 +00:00
|
|
|
@media only screen and (max-width: 768px) {
|
2021-01-03 11:32:25 +00:00
|
|
|
.header {
|
2022-03-12 00:04:05 +00:00
|
|
|
padding: 0 30px;
|
2020-09-20 09:54:38 +00:00
|
|
|
}
|
2021-02-16 04:14:09 +00:00
|
|
|
|
2022-03-01 02:39:37 +00:00
|
|
|
.buttons,
|
|
|
|
|
.links {
|
2021-02-16 04:14:09 +00:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-01 02:39:37 +00:00
|
|
|
.title {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding: 0.5rem;
|
|
|
|
|
margin-bottom: 0.5rem;
|
2021-02-09 10:54:59 +00:00
|
|
|
}
|
2020-08-07 05:03:02 +00:00
|
|
|
}
|
