2020-12-30 22:20:14 -05:00
|
|
|
/* layout */
|
|
|
|
|
header, #drives, #services, footer {
|
|
|
|
|
clear: both;
|
|
|
|
|
padding: 0.5em;
|
|
|
|
|
}
|
|
|
|
|
.drive {
|
|
|
|
|
float: left;
|
2021-02-11 22:02:06 -05:00
|
|
|
width: 20%;
|
2020-12-30 22:20:14 -05:00
|
|
|
}
|
|
|
|
|
h5 {
|
|
|
|
|
text-align: left;
|
|
|
|
|
margin: 0.5em 3em;
|
|
|
|
|
}
|
|
|
|
|
em {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.service {
|
|
|
|
|
float: left;
|
2021-02-11 22:02:06 -05:00
|
|
|
width: 25%;
|
2020-12-30 22:20:14 -05:00
|
|
|
}
|
2021-03-15 18:26:02 -04:00
|
|
|
.logo {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2020-12-30 22:20:14 -05:00
|
|
|
|
|
|
|
|
/* breakpoints at 850px and 475px */
|
|
|
|
|
@media screen and (max-width: 850px) {
|
|
|
|
|
.drive {
|
|
|
|
|
width: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (max-width: 475px) {
|
|
|
|
|
.drive {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.service {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|