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

#background-color: #EBECEC;	
background-color: #EBECEC;	
#min-height: 100vh;
margin: 0; 
padding: 0; 
box-sizing: border-box;
   
}

}
body {
  overflow: auto;
}

.row{
	#border:1px solid black;
	
}


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



.headerheader{
	position: relative;
	width:90%;		
	font-size: 3em;	
	font-family: 'Typingrad', arial;
	#font-family: "Bebas", Helvetica;
	#font-family: "Pobeda", Helvetica;
	font-weight: bolder;
	color:#E31E24;		
	margin-left: 5%;
}


p {
	margin: 0 0 0 0;
}


.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;
}

.corner {
  bottom:10%;
  left:0;
  #height:100%;
  position: absolute; 
  z-index: 1;
}

.mainbox {
position: relative;
width:100%;
#height:92vh;
}


.iconka {
  height: 10%;	
  padding: 1vh 1vh 1vh 1vh;
  border-radius: 10px;
  vertical-align:center;
  
}

.photo {
	width:65%;
}


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

   @media screen and (max-width: 1024px) {
   .fiodate { font-size: 0.5vw; }
   }
   /* Для ширины 600 пикселей и меньше */
   @media screen and (max-width: 600px) {
    .fiodate { font-size: 0.2vw; }
   }



.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;
}

.egename {
	font-size: 0.7vw;	
	font-family: "Roboto", Helvetica;
	color:Black;
    font-weight: bolder;	
	  #padding: 1vh 1vh 1vh 1vh;
}