body{
	background:#345FFF;
}
.container_all{
	position:absolute; top:0; left:0; right:0; bottom:0;
}.container_all_percent{
	width:100%; height:100%;
}
.container_menu_all{
	position:absolute; top:0; left:0; right:0; bottom:0;
	z-index:1;
	display:none;
	background:rgba(255,225,0,.8);
	/*background:rgba(0,0,0,.5);*/
}.container_menu_all_percent{
	width:100%; height:100%;
	z-index:1;
}
.container_account_all{
	position:absolute; top:0; left:0; right:0; bottom:0;
	z-index:1;
	display:none;
	background:rgba(0,0,0,.8);
}.container_account_all_percent{
	width:100%; height:100%;
	z-index:1;
}
.account_container{
	background:#F5F5F5;
	width:200px;
	height:200px;
	border-radius:100%;
	margin-top:-100px;
	margin-left:95%;
	transform: translateX(-135px);
	/*
	margin-left:calc(5%-90px);
	margin-left:-moz-calc(5%-90px);
	margin-left:-o-calc(5%-90px);
	
	-webkit-calc(100% + 25px); 
height:    -moz-calc(100% + 25px); 
height:      -o-calc(100% + 25px); 
	*/
	z-index:1;
	background:white;
	
}
.menu_container{
	background:#F5F5F5;
	width:200px;
	height:200px;
	border-radius:100%;
	margin-top:-100px;
	margin-left:5%;
	transform: translateX(-65px);
	/*
	margin-left:calc(5%-90px);
	margin-left:-moz-calc(5%-90px);
	margin-left:-o-calc(5%-90px);
	
	-webkit-calc(100% + 25px); 
height:    -moz-calc(100% + 25px); 
height:      -o-calc(100% + 25px); 
	*/
	z-index:1;
	background:white;
	
}
.container{
	background:#F5F5F5;
	width:90%;
	margin-left:5%;
}
.container_transparent{
	width:90%;
	margin-left:5%;
	margin-top:30px;
	color:white;
	font-size:24px;
	font-family:verdana;
}
.title_section{
	margin-top:20px;
	color:#164299;
	text-align:left;
	font-size:30px;
	/*font-family:cursive;*/
	border-bottom:2px solid #848484;
	padding-left:30px;
}
.container_section{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	
	border-top:10px solid white;
	margin-top:10px;
	padding-top:10px;
}
.card{
	width:200px;
	height:380px;
	background:white;
	margin:20px;
	
}
.card_landscape{
	width:100%;
	height:380px;
	background:white;
	margin:20px;
	
}