/* --- Basics --- */

html,
body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: NewParisMed;
    color: #eaebf8;
    background-color: #fd9c2c;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.video16_9 {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    display: flex;
    width: 100%;
}

.video {
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.title{
    max-width: 500px;
    text-align: center;

}

#first-title{
    margin: -40px 0 0 0;
}
h2 {
    color: #eaebf8;
        font-family: frekodaBold;
    text-transform: uppercase;
text-align: center;
  font-weight: bold;
  font-size: 3rem;
  display: inline;
  box-decoration-break: clone;
  border-radius: 4px;

}


p {
    font-size: 1.3rem;
    line-height: 1.25;
    margin: 40px 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
    justify-content: center;
}

a{
text-decoration: 4px #5f67f0 underline;
    color: #eaebf8;

}

a:hover{
    color: #5f67f0;
}
/* --- Sections --- */

main {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background-color: #fd9c2c;
    margin: 0;
    padding: 0;
}

.stage {
  height: auto;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
   padding: 0;
   position: relative;
       background-color: #5f67f0;
       background-image: radial-gradient(circle, #2d3177, #676eff);
}
.bodymovin-wrapper{
   position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;

}


#bodymovin{
width: 150%;
      position: relative; 
          left: 50%;
    transform: translate(-50%, 0);
}


.section-top{
     width: 100%;
    height: auto;
	position: absolute;
	bottom: 0;
 filter: drop-shadow(0px -20px 8px #484db6);
}


.section {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px 200px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section .section_header {

    display: flex;
    margin-bottom: -2px;
    width: 100%;

}

.section .section_header img {
    display: block;
    width: 100%;
}

footer {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 40px 0 0 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
        background-color: #5f67f0;
}

.section-bottom{
        display: flex;
    justify-content: center;
     width: 100%;
      filter: drop-shadow(0px -20px 8px #e88310);
 
}
.velo{
    width: 100%;
    max-width: 700px;
margin: -200px auto 0 auto;
}

/* --- Media Queries min-width: 768px --- */

@media screen and (min-width: 768px) {


    h2 {
        font-size: 3.5rem;
    }

    .section {
        max-width: 700px;
        margin: 0 auto;
    }
    #first-title{
    margin: -70px 0 0 0;
}
#bodymovin{
width: 100%;


}

p {
    font-size: 1.75rem;
    line-height: 1.25;
    margin: 70px 0 0 0;
}
}