You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
983 B
SCSS
79 lines
983 B
SCSS
@media screen and (max-width: 800px) {
|
|
|
|
body { font-size: 1.17em; }
|
|
|
|
nav {
|
|
div.background { width: 100%; }
|
|
div.list { text-align: center; }
|
|
}
|
|
|
|
header {
|
|
padding: 1em;
|
|
|
|
h1 { display: none; }
|
|
}
|
|
|
|
main {
|
|
padding: 1em;
|
|
|
|
h3 { margin-top: 2em; }
|
|
|
|
section {
|
|
|
|
&.meta {
|
|
flex-direction: column;
|
|
|
|
img {
|
|
max-width: 100%;
|
|
margin: 0;
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
&.software {
|
|
flex-direction: column;
|
|
|
|
.program { width: 100%; }
|
|
.program img { max-width: 100%; }
|
|
}
|
|
|
|
div.coordinator>div {
|
|
flex-direction: column;
|
|
|
|
&>div {
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
div.video iframe {
|
|
margin: 0 0 2em 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
body.index {
|
|
background-position: -10vw -60vw;
|
|
background-size: 180vw auto;
|
|
|
|
main {
|
|
flex-direction: column;
|
|
|
|
section, aside { max-width: 100%; }
|
|
aside {
|
|
margin-top: 1em;
|
|
width: 100%;
|
|
|
|
a { padding: .6em 0; }
|
|
}
|
|
h2 { margin-top: 0; }
|
|
}
|
|
}
|
|
|
|
div.twocolumn {
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
}
|