Fixed hesder block for 720px screen size.

This commit is contained in:
Svetlana Rastegina 2021-02-09 12:30:45 +01:00 committed by Georgy Litvinov
parent 6880ccfb69
commit d4885f8a81

View file

@ -36,6 +36,10 @@ body {
background-size: 100%; background-size: 100%;
background: url(../images/header-image.png) center 0 no-repeat; background: url(../images/header-image.png) center 0 no-repeat;
height: 200px; height: 200px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
} }
a { a {
color: #2485AE; color: #2485AE;
@ -479,7 +483,7 @@ h1.vivo-logo {
height: 100px; height: 100px;
top: 30px; top: 30px;
/* left: 0; */ /* left: 0; */
background: url(../images/title.png) center 0 no-repeat; background: url(../images/site-title-padding.png) center 0 no-repeat;
} }
h1.vivo-logo a { h1.vivo-logo a {
display: block; display: block;
@ -2101,3 +2105,22 @@ span.subclassExpandMinus {
.affiliations { .affiliations {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
/* -------------------------------------------------> */
/* SCREEN RESOLUTION --------------------------------> */
/* -------------------------------------------------> */
@media screen and (max-width: 720px) {
#branding {
width: 100%;
}
ul#main-nav {
width: 100%;
}
#wrapper-content {
width: 95%;
}
h1.vivo-logo {
background-size: 100%;
top: 55px;
}
}