|
@@ -2808,6 +2808,7 @@ input, select, textarea {
|
|
|
display: -webkit-flex;
|
|
|
display: -ms-flex;
|
|
|
display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
-moz-flex-wrap: wrap;
|
|
|
-webkit-flex-wrap: wrap;
|
|
|
-ms-flex-wrap: wrap;
|
|
@@ -2823,13 +2824,13 @@ input, select, textarea {
|
|
|
}
|
|
|
|
|
|
.features li {
|
|
|
- width: calc(33.33333% - 2em);
|
|
|
+ width: calc(25% - 2em);
|
|
|
margin-left: 2em;
|
|
|
margin-top: 3em;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
- .features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3) {
|
|
|
+ .features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3), .features li:nth-child(4) {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
@@ -2843,7 +2844,7 @@ input, select, textarea {
|
|
|
width: calc(50% - 2em);
|
|
|
}
|
|
|
|
|
|
- .features li:nth-child(3) {
|
|
|
+ .features li:nth-child(3), .features li:nth-child(4) {
|
|
|
margin-top: 3em;
|
|
|
}
|
|
|
|
|
@@ -2862,7 +2863,7 @@ input, select, textarea {
|
|
|
margin-top: 2em;
|
|
|
}
|
|
|
|
|
|
- .features li:nth-child(2), .features li:nth-child(3) {
|
|
|
+ .features li:nth-child(2), .features li:nth-child(3),.features li:nth-child(4) {
|
|
|
margin-top: 2em;
|
|
|
}
|
|
|
|
|
@@ -3014,10 +3015,9 @@ input, select, textarea {
|
|
|
border: solid 1px;
|
|
|
}
|
|
|
|
|
|
- .spotlight .image img {
|
|
|
+ .spotlight img {
|
|
|
display: block;
|
|
|
- border-radius: 100%;
|
|
|
- width: 16em;
|
|
|
+ width: 30em;
|
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 980px) {
|
|
@@ -3051,7 +3051,7 @@ input, select, textarea {
|
|
|
width: calc(100% + 1em);
|
|
|
}
|
|
|
|
|
|
- .spotlight .image {
|
|
|
+ .spotlight img {
|
|
|
-moz-flex: 0 1 auto;
|
|
|
-webkit-flex: 0 1 auto;
|
|
|
-ms-flex: 0 1 auto;
|
|
@@ -3068,8 +3068,8 @@ input, select, textarea {
|
|
|
padding: 0.35em;
|
|
|
}
|
|
|
|
|
|
- .spotlight .image img {
|
|
|
- width: 12em;
|
|
|
+ .spotlight img {
|
|
|
+ width: 20em;
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -3103,22 +3103,22 @@ input, select, textarea {
|
|
|
}
|
|
|
|
|
|
#header.alt > * {
|
|
|
- -moz-transition: opacity 3s ease;
|
|
|
- -webkit-transition: opacity 3s ease;
|
|
|
- -ms-transition: opacity 3s ease;
|
|
|
- transition: opacity 3s ease;
|
|
|
- -moz-transition-delay: 0.5s;
|
|
|
- -webkit-transition-delay: 0.5s;
|
|
|
- -ms-transition-delay: 0.5s;
|
|
|
- transition-delay: 0.5s;
|
|
|
+ -moz-transition: opacity 1s ease;
|
|
|
+ -webkit-transition: opacity 1s ease;
|
|
|
+ -ms-transition: opacity 1s ease;
|
|
|
+ transition: opacity 1s ease;
|
|
|
+ -moz-transition-delay: 0.1s;
|
|
|
+ -webkit-transition-delay: 0.1s;
|
|
|
+ -ms-transition-delay: 0.1s;
|
|
|
+ transition-delay: 0.1s;
|
|
|
opacity: 1;
|
|
|
}
|
|
|
|
|
|
#header.alt .logo {
|
|
|
- -moz-transition: opacity 1.25s ease, -moz-transform 0.5s ease;
|
|
|
- -webkit-transition: opacity 1.25s ease, -webkit-transform 0.5s ease;
|
|
|
- -ms-transition: opacity 1.25s ease, -ms-transform 0.5s ease;
|
|
|
- transition: opacity 1.25s ease, transform 0.5s ease;
|
|
|
+ -moz-transition: opacity 1s ease, -moz-transform 0.5s ease;
|
|
|
+ -webkit-transition: opacity 1s ease, -webkit-transform 0.5s ease;
|
|
|
+ -ms-transition: opacity 1s ease, -ms-transform 0.5s ease;
|
|
|
+ transition: opacity 1s ease, transform 0.5s ease;
|
|
|
-moz-transition-delay: 0s;
|
|
|
-webkit-transition-delay: 0s;
|
|
|
-ms-transition-delay: 0s;
|