/* Pentru a vedea dispunerea iniţială a elementelor din documentul realizat 
 se va impune pentru fiecare dintre acestea o culoare de fundal distinctă;  */

 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header, section, footer, aside, nav, main, article
{
     display: block;
}

aside, article, body, div, footer, header, html, nav, ol, p, ul
{ 
	 margin:0;
	 padding: 0;
}


#continut{
	/* width: 1200px; */
	margin: 0 auto;              /* Asigură centrarea Paginii - pe orizontală-- o duce pe centrul site   */
    position: relative;
     overflow: hidden;  /* duce footerul jos   */
}

header{
	width: 100%;
}

main{
	width: 95%; 
	padding: 0,1rem; 	
	padding-top: 50px;
	position: relative;
	 margin: 0 auto;              /* Asigură centrarea Paginii - pe orizontală-- o duce pe centrul site   */
}





footer {
	background-color :#5e0d0c;
	width: 100%;
	border: 1px solid #4c0300;
	position:relative;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	top: 50%; 
	margin-bottom: 7px;	
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #a23227, /* inner glow */
		inset 0 80px 80px -40px #ac3223, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
}


/*  pt. ca imag din mijloc sa se  micsoreze  la tel   */ 
img ,video, embed{
   border-style:none;
   max-width: 100%;
   height: auto;
  }
  
  
 

 /* Clear floats after the columns */
 .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}