@media screen and (width < 768px) {
.mt-autobots-transition { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; margin:0; color:var(--transition-text); background:var(--transition-background); }
.mt-autobots-transition__background { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mt-autobots-transition__photo { position:absolute; left:0; display:block; width:100%; height:100%; object-fit:cover; opacity:.4; }
.mt-autobots-transition__photo--upper { top:-40%; }
.mt-autobots-transition__photo--lower { bottom:-40%; }
.mt-autobots-transition__layer { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transform:rotate(-1.22deg); }
.mt-autobots-transition__heading { position:relative; font-family:'Autobots Teko',Teko,sans-serif; font-weight:500; letter-spacing:0; line-height:1; text-align:center; transform:rotate(-1.16deg); padding:10px 20px; text-shadow:0 2px 7px #000b; }

.mt-autobots-transition{min-height:115px}.mt-autobots-transition__heading{font-size:25px}.mt-autobots-transition__layer{width:676px;max-width:none;left:50%;transform:translateX(-50%) rotate(-1.22deg)}
}
@media screen and (768px <= width < 1025px) {
.mt-autobots-transition { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; margin:0; color:var(--transition-text); background:var(--transition-background); }
.mt-autobots-transition__background { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mt-autobots-transition__photo { position:absolute; left:0; display:block; width:100%; height:100%; object-fit:cover; opacity:.4; }
.mt-autobots-transition__photo--upper { top:-40%; }
.mt-autobots-transition__photo--lower { bottom:-40%; }
.mt-autobots-transition__layer { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transform:rotate(-1.22deg); }
.mt-autobots-transition__heading { position:relative; font-family:'Autobots Teko',Teko,sans-serif; font-weight:500; letter-spacing:0; line-height:1; text-align:center; transform:rotate(-1.16deg); padding:10px 20px; text-shadow:0 2px 7px #000b; }

.mt-autobots-transition{min-height:150px}.mt-autobots-transition__heading{font-size:38px}
}
@media screen and (width >= 1025px) {
.mt-autobots-transition { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; margin:0; color:var(--transition-text); background:var(--transition-background); }
.mt-autobots-transition__background { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mt-autobots-transition__photo { position:absolute; left:0; display:block; width:100%; height:100%; object-fit:cover; opacity:.4; }
.mt-autobots-transition__photo--upper { top:-40%; }
.mt-autobots-transition__photo--lower { bottom:-40%; }
.mt-autobots-transition__layer { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transform:rotate(-1.22deg); }
.mt-autobots-transition__heading { position:relative; font-family:'Autobots Teko',Teko,sans-serif; font-weight:500; letter-spacing:0; line-height:1; text-align:center; transform:rotate(-1.16deg); padding:10px 20px; text-shadow:0 2px 7px #000b; }

.mt-autobots-transition{min-height:216px}.mt-autobots-transition__heading{font-size:52px}
}