body {
	background-color: #b8f2d1;
}

header {
    background-color: white;
    height: 70px;
}

/*header {
    position: relative !important;
}*/

/* part support choice*/

.support_choice {
	text-align: center;
    padding-top: 10%;
}	

.support_choice ul li {
	display: inline;
	list-style: none;
	}

.support_choice ul li a {
	text-decoration: none;
    color: #323268;
    font-size: 18px;
    font-family: "Yeseva One", sans-serif;
    display: inline-block;
    margin: 0 30px;
}	

/* part support choice*/

/* part creation */
.creation {    
	width: 100%;
}

div.creation_text {
    padding: 10vh 5vw 10vh;
}

h2.creation_title {
	padding: 20px 0;
    display: block;
    width: 50%;
    color: #323268;
}

div.creation_explanation {

}

div.creation_explanation h3 {
	padding: 10px 0;
	color: #323268;
}

div.creation_explanation p {
	display: block;
    max-width: 60%;
    color: #323268;
    padding-bottom: 3vh;
}

div.creation_visual {
    padding: 0 5vw 10vh 5vw;
}

div.creation_visuals {
	 display: flex;
	 justify-content: space-evenly;
	 flex-wrap: wrap;
}

div.creation_visual img{
    max-width: 100%;
    display: block;
}


div.creation_visual video{
    max-height: 90vh;
    display: block;
    max-width: 90vw;
    margin: 0 auto;
}

div.creation_visuals img {
    padding-bottom: 20px;
}





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

div.creation_explanation p {
    max-width: 100%;
}

}




@media screen and (max-width: 425px){

.support_choice {
    text-align: center;
    padding-top: 35%;
}   

.support_choice ul li a {
    margin: 10px;
}

div.creation_visuals {
    display: block;
}
}