html,body{
	#position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	#display: inline-block;
	background-color: #E31E24;	

	#box-sizing: border-box;
    background: url(/mobile/img/back_bio.svg) top right no-repeat;
    background-attachment: fixed; 
	background-size: cover;	
}

@media screen and (device-aspect-ratio: 16/9) {

body
	{ 

	margin: 0;
	border: 0;
	padding: 0;
	width: 80%;
	margin-left:10%;
	#height: 100%;

	}	
}




body {
  overflow: auto;
}

.row{
	#border:1px solid black;
	
}
td {
	vertical-align:top;
	text-align:center;
	
	
}
.fio{
	margin-top:1vh;
	margin-left:10%;
}

.ban{
	position: relative;
	width:80%;		
	font-size: 3em;	
	#font-family: "Bebas", Helvetica;
	#font-family: "Pobeda", Helvetica;
	font-weight: bolder;
	color:#E31E24;		
	margin-left: 10%;
	#margin-bottom: 5%;
	#z-index: 2;
	float:left;
	}

.corner {
  #top:0;	
  bottom:0;
  left:0;
  #height:100%;
  position: fixed; 
  z-index: 0;
  float:left;
}

table {
	margin-top:1vh;
}

.mainbox {
position: absolute;
z-index: 3;
width:100%;
#height:92vh;
}

.container-fluid{
box-sizing: border-box;
width:100%;	
#height: 100vh;
#border:1px solid black;
padding: 0 0 0 0;
#margin-left: 5%;	
}

.biogr {
  #display:flex;
  #flex-direction:column;
  width:90%;
  	font-size: 3em;	
	font-family: "Bebas", Helvetica;
  #height:auto;	
  #min-height:auto;
  margin-top:2vh;
  margin-left: 5%;
  #padding: 5px 5px 5px 5px;
  border-radius: 5px;
  #background-color: White;
  align-items:center;
}

.plashka {
  display:flex;
  flex-direction:column;
  width:95%;
  #height:auto;	
  #min-height:auto;
  margin:1vh 0 0 0;
  #padding: 5px 5px 5px 5px;
  border-radius: 5px;
  background-color: White;
  align-items:center;
}

.pobeda80 {
  bottom:0;
  right:0;
  position: absolute; 
  z-index: 1;
}


.row {
align-items:center;
margin-top: 2vh;
}

.biotxt {
font-family: "Roboto", Helvetica;	
text-indent: 25px;
margin:0;
}

 .biofio {
width:100%;
#text-indent: 25px;
#margin-top:3px;
display: inline-block; 
position: absolute; 
#bottom: 10px; left: 0px; 
#background-color: rgba(0,0,0,.4); 
#padding: 5px 5px 5px 10px;
color: white
}


.photo {
	margin-top: 1vh;
	#width:90%;
	height: 70vh;
	border: 2px solid White;
	box-shadow: 8px 8px 8px rgba(100, 100, 100, 0.5);
}

.vosp {
	margin-top: 1vh;
	width:90%;
	#height: 70vh;
	#border: 2px solid White;
	#box-shadow: 8px 8px 8px rgba(100, 100, 100, 0.5);
}


.inputege {
	width:60%;
	max-width:60%;
	font-size: 3vw;	
	margin: 0.5vh 0.5vh 0.5vh 0.5vh;
}

    .egename {
	font-family: "Roboto", Helvetica;
	color:Black;
	font-weight: bolder;
	width:80%;
	margin-left:10%;
	}
	
	 @media screen and (max-width: 2000px) {
    .egename {
	font-size: 1vw;	
			 }  
	    .biogr {
	font-size: 1rem;	
			 } 
	    .biofio {
	font-size: 2rem;	
			 } 
	 }
	 
	 @media screen and (max-width: 1920px) {
    .egename {
	font-size: 1vw;	
			 }  
	    .biogr {
	font-size: 1rem;	
			 } 
	    .biofio {
	font-size: 2rem;	
			 } 
	 }	 
	 
	 
	 
	 
	 @media screen and (max-width: 1600px) {
    .egename {
	font-size: 1vw;	
			 }  
	    .biogr {
	font-size: 1rem;	
			 } 
	    .biofio {
	font-size: 1.5rem;	
			 } 
	 }	 
	 

   @media screen and (max-width: 1024px) {
    .egename {
	font-size: 3vw;	
			 }  
	    .biogr {
	font-size: 1rem;	
			 } 	
	    .biofio {
	font-size: 1.5rem;	
			 } 			 
			 }
   
    @media screen and (max-width: 800px) {
    .egename {
	font-size: 5vw;	
			 } 
	    .biogr {
	font-size: 5vw;	
			 } 	
			 	    .biofio {
	font-size: 1vw;	
			 } 

			 
   }  
   
   /* Для ширины 600 пикселей и меньше */
   @media screen and (max-width: 600px) {

   .egename {
	font-size: 5vw;	
            }  

	    .biogr {
	font-size: 5vw;	
			 } 	
			 	    .biofio {
	font-size: 1rem;	
			 } 
			
   }

   /* Для ширины 360 пикселей и меньше */
   @media screen and (max-width: 400px) {

   .egename {
	font-size: 4vw;	
            }  
	    .biogr {
	font-size: 1rem;	
			 } 
	    .biofio {
	font-size: 2rem;	
			 } 			 
   }

/*.fiodate {
	display:flex;
	align-items:center;
	max-width:100%;
	#font-size: 1vh;	
	font-family: "Roboto", Helvetica;
    #padding: 1vh 1vh 2vh 3vh;
    border-radius: 10px;
    text-align:center;
}*/

.bioheader {
	display:inline-block;
	position:relative;
	vertical-align:center;
	align-items:center;
	
	width:auto%;
	height:7vh;
	#height: 5vh;
	#font-size: 1vh;	
	#font-family: "Roboto", Helvetica;
    #padding: 1vh 1vh 2vh 3vh;
    #border-radius: 10px;
    text-align:center;

}






.fixed { 
  position: fixed; 
  top: 0;
}

.rtrn { 
  
  width:40%;
  margin-top:2vh;  
  margin-left:30%;
}





.venzel {
	
 background-color: transparent; 
  
}