body {
	margin:0;
	padding:0;
	background-image: url(../imagini/perete2.jpg);
	background-repeat: repeat;
	font-size: large;
}

.rand {
//  background-color: #EEE;
  position: fixed;
  top: 0;
	left:0;
  width: 100%;
	display:inline-block; 
	z-index:99;
}

.rand::after {
	content: "";
	clear: both;
	display: table;
}

.mijloc { align: center; }

h2 {
	color: rgb(196, 68, 15);
	text-align: center;
	display: block;
	font-size: 2em;
	margin-top: 0.2em;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

#inapoi {
	width: 10%; 
	float: left;
}

p {
	font-size: 1.3em;
	color: black;
	text-align: justify;
	text-indent: 1em;
	margin: 0.5em;
	text-shadow: 0.05em 0.05em #2db34a;
}

p.first-letter {
	text-transform: capitalize;
}

#corp {
	width:90%;
	margin-top: 1%;
	margin-left: 8%;
	text-align: left;
	display:block;
	font-size: 2.5vw;
}

#corp img {
//  display: inline-block;
  width: 49%;
  margin-left: auto;
  margin-right: auto;
padding-right: 0.5%;
}



.continut{
	display: block;
	width: 580em;
	margin-left: 10%;
	text-align: justify;
}

.box {
	background: rgb(196, 68, 15);
	border-radius: 30% 0% 30% 0%;
	height: 3em;
	padding: 0.5em;
	color: white;
	text-align: center;
	transition-property: background, border-radius;
	transition-duration: 0.75s;
	transition-timing-function: linear;
}

.box:hover {
	background: Indigo;
	border-radius: 40%;
}

.box:link {
	color: GreenYellow;
}

.box:visited {
	color: Gold;
}

.box:active {
	color: White;
}

#titlul {font-size: 3.5vw;}

#sus {
  position: fixed;
  	top: 20%;
	left: 0%;
	width: 8%; 
	float: left;
}

@media only screen and (min-width: 768px) {
	.stanga {
		width: 15%;
		font-size: 1.1vw;
	}
	.mijloc {
		width: 70%;
		font-size: 1.1vw;
	}
	.dreapta {
		width: 15%;
		font-size: 1.1vw;
	}
	#corp {
		font-size: 1.1vw; 
		margin-left: 5%;
		margin-right: 1%;
		width:94%;
	}
	#corp img { width:24% }
	#inapoi {width: 35%;}
	#sus {width: 5%;}
	#titlul {font-size: 1.8vw;}
}


// poze
.poze4321 {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      4px;
  column-count:         5;
  column-gap:           4px;  
}



.poze4321 img {
  /* Just in case there are inline attributes */
  border: 0%;
padding: 0%;
margin: 3%;
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 2000px) {
  .poze4321 {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  .poze4321 {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  .poze4321 {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  .poze4321 {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}


.zoom {
  padding: 5px;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
//  display: block;
//  margin-left: auto;
//  margin-right: auto;
//  width: 50%;
}