.content > div:first-child{
position: relative;
}
.content > div:first-child:before{
content: '';
position: absolute;top: 50%;right: -10%;z-index: -1;
width: 120vw;height: 25vw;
background-color: #0074;
background-color: #e5e5f1;
background: linear-gradient(0deg, rgba(255,255,255,0.5) 30%, rgba(229,229,241,0.9) 100%);
transform: scale(-1) translateY(40%) rotate(-15deg);
}
.content > div:first-child h1{
font-size: 3em;
line-height: 5rem;
}
.content > div:first-child h1,
.content > div:first-child h3{
text-align: center;
}


@media (min-width: 992px){
.content{
display: grid;
grid-template-columns: 35% 60%;
grid-column-gap: 5%;
}
.content > *{
grid-column-start: 1;
grid-column-end: 3;
width: 100%;
}
.content > div:first-child{
grid-column-end: 2;
padding-top: 10rem;
}
.content > div:first-child + *{
grid-column-start: 2;
}
.content > div:first-child + * iframe[src*="background=1"] {
z-index: -5;
}
.content > div:first-child:before{
width: 70vw;
top: 0;right: 0;
_transform: translate(13%, 33%) rotate(60deg) skewX(20deg);
transform: translate(6%, 21%) rotate(38.5deg) skewX(28.6deg);
transform-origin: top right;
}
.content > div:first-child h1{
font-size: 3.5em;
}
.content > div:first-child h1,
.content > div:first-child h3{
text-align: left;
}
}
/* Rules for IE */
_:-ms-fullscreen, .content > div:first-child:before{
display: none !important;
}