</div>
</div>
- <div class="intro-columns is-partners">
- <div class="intro-column is-sponsor">
+ <div class="intro-partners">
+ <div class="intro-sponsor">
{% include sponsor.html %}
</div>
- <div class="intro-column is-carbon">
+ <div class="intro-carbon">
{% include carbon.html %}
</div>
</div>
&:hover
opacity: 1
+.intro-partners
+ margin-top: 6rem
+
+.intro-carbon
+ margin-top: 0.5rem
+
+mobile
.intro-buttons
.button
justify-content: space-between
+touch
- .intro-column.is-video,
- .intro-column.is-carbon
+ .intro-column.is-video
margin-top: 3rem
- .intro-columns.is-partners
- margin-top: 6rem
+desktop
.intro-columns
display: flex
justify-content: center
- &.is-partners
- align-items: center
- margin-top: 3rem
.intro-column
width: calc(50% - 1.5rem)
- &.is-content,
- &.is-sponsor
+ &.is-content
margin-right: 1.5rem
- &.is-video,
- &.is-carbon
+ &.is-video
margin-left: 1.5rem
- .intro-content,
- .bd-sponsor
+ .intro-content
max-width: 440px
.intro-title
margin-top: -11px
opacity: 1;
}
+.intro-partners {
+ margin-top: 6rem;
+}
+
+.intro-carbon {
+ margin-top: 0.5rem;
+}
+
@media screen and (max-width: 768px) {
.intro-buttons .button {
display: -webkit-box;
}
@media screen and (max-width: 1023px) {
- .intro-column.is-video,
- .intro-column.is-carbon {
+ .intro-column.is-video {
margin-top: 3rem;
}
- .intro-columns.is-partners {
- margin-top: 6rem;
- }
}
@media screen and (min-width: 1024px) {
-ms-flex-pack: center;
justify-content: center;
}
- .intro-columns.is-partners {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-top: 3rem;
- }
.intro-column {
width: calc(50% - 1.5rem);
}
- .intro-column.is-content, .intro-column.is-sponsor {
+ .intro-column.is-content {
margin-right: 1.5rem;
}
- .intro-column.is-video, .intro-column.is-carbon {
+ .intro-column.is-video {
margin-left: 1.5rem;
}
- .intro-content,
- .bd-sponsor {
+ .intro-content {
max-width: 440px;
}
.intro-title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
- margin: 0 10px 20px;
- width: 200px;
+ margin: 1rem;
+ width: 160px;
+}
+
+.bd-sponsor-list a img {
+ max-height: 60px;
+ width: auto;
}
@-webkit-keyframes fadeIn {