@media screen and (max-width: 600px) {
.button1 {
	right: 3%;
	top: 32vh;
	transform: scale(0.7);
}
.button2 {
	left: 2%;
	top: 32vh;
	transform: scale(0.7);
}
	h1{
		margin-top:15%;
	}
	.sub{
		font-size:200%;
		display: inline;

	}
	#rotate{
	 width: 90%;
    margin: auto;
    position: inherit;
    text-align: center;
    top: 0;
    bottom: 0;
    transform-origin: left;
    transform: rotate(0deg);
    left: 0;
    padding: 0;
		margin-top: 50px;
	}

	#rotate2 {
		width: 90%;
     margin: auto;
     position: inherit;
     text-align: center;
     top: 0;
     bottom: 0;
     transform-origin: left;
     transform: rotate(0deg);
     left: 0;
     padding: 0;
 		margin-top: 50px;
z-index: 5;
}

	ul li {
    margin-left: 0;
}


#infos {
display: none;
margin: 0;
background-color: white;
text-align: left;
font-size: 2.5vw;
z-index: 10;
position: absolute;
top: 0%;
padding: 5%;
bottom: 0;
position: fixed;
}

h1{
	font-size: 220%;
}

.pos2 {
	left: 0;
	top: 100px;
	position: absolute;
}



}


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


	#infos {
		margin-top: -12%;
	}


}