129 lines
2.8 KiB
SCSS
129 lines
2.8 KiB
SCSS
@mixin school-flex {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
@media (max-width: 74em) {
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
.lyceum-wrapper {
|
|
@include school-flex;
|
|
.lyceum-item:first-child {text-align: center;}
|
|
.lyceum-item img {
|
|
@media (max-width: 74em) {
|
|
width: 95%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.s62-wrapper {
|
|
@include school-flex;
|
|
.s62-item:first-child {text-align: center;}
|
|
.s62-item img {
|
|
@media (max-width: 74em) {
|
|
width: 95%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.s64-wrapper {
|
|
@include school-flex;
|
|
.s64-item:first-child {text-align: center;}
|
|
.s64-item img {
|
|
@media (max-width: 74em) {
|
|
width: 95%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
#s64-img-1 {
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 50%;
|
|
max-width: 40em;
|
|
min-width: 18em;
|
|
}
|
|
.s71-wrapper {
|
|
@include school-flex;
|
|
.s71-item:first-child {text-align: center;}
|
|
.s71-item img {
|
|
width: 80%;
|
|
@media (max-width: 74em) {
|
|
width: 95%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
#s72-img {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
width: 50%;
|
|
@media (max-width: 50em) {
|
|
float: none;
|
|
text-align: center;
|
|
min-width: 16em;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.s73-wrapper {
|
|
@include school-flex;
|
|
flex-direction: column;
|
|
.s73-item:first-child {text-align: center;}
|
|
.s73-item img {
|
|
@media (max-width: 74em) {
|
|
width: 95%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.s74-wrapper {
|
|
@include school-flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
.s74-item img {
|
|
@media (max-width: 74em) {
|
|
width: 80%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
.s75-wrapper {
|
|
@include school-flex;
|
|
.s75-item:first-child {text-align: center;}
|
|
.s75-item img {
|
|
width: 70%;
|
|
@media (max-width: 74em) {
|
|
width: 80%;
|
|
text-align: center;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
#s76-img {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
width: 50%;
|
|
@media (max-width: 50em) {
|
|
float: none;
|
|
text-align: center;
|
|
min-width: 16em;
|
|
margin: 0 auto;
|
|
}
|
|
} |