@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 370px) {
#flex3persos{width: 350px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-center;
	margin-bottom: 16px;margin-top: 5px;
}

#flex3persos img{
      width: calc( 33.33% - 5px);
     height: calc(1.62 * calc( 33.33% - 5px));
}
}

@media screen and (max-width: 370px) {
#flex3persos{width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-center;
	margin-bottom: 16px;margin-top: 5px;
}

#flex3persos img{
      width: calc( 33.33% - 5px);
     height: calc(1.62 * calc( 33.33% - 5px));
}
}

/*----------------------------------------------------*/

#ringFilmCont{
	position: relative;
   padding-bottom: 55.83%; 
}

#ringFilm {
   position:  absolute;
   top: 0;
   left: 0;
	width:100%;
	height:100%;
}

/*----------------------------------------------------*/

#robot {
	float:left;margin: 5px 15px 5px 0;
    height: 150px; width: 266px; }
}

#divRobot{
	overflow: auto;
	margin-bottom: 20px;
}
/*----------------------------------------------------*/