html,
body{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

.fw-cont{
	width:100%;
	max-width:100%;
}

.container{
	width:60%;
	margin:0 auto;
	position:relative;
}

.flex-container{
  display: flex;
  justify-content: space-around;
}

.intro{
	background:url('../img/bg-intro.jpg');
	background-position:center center;
	background-size:cover;
}

.header, .despre-noi{
	text-align:center;
	background-repeat:repeat;
	padding:28px 0 28px 0;
	position:relative;
}

.header::before,
.despre-noi::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	background:url('../img/bg-repeat-header.png');
	mix-blend-mode: multiply;
}
.header .logo img{
	display:block;
	max-width:110px;
	margin:0 auto;
}

.separator{
	height:550px;
}

.despre-noi{
	color:#FFFFFF;
	padding:28px 0 100px 0;
}

h2{
	font-size:40px;
	font-weight:500;
	text-transform:uppercase;
	text-align:Center;
}

.despre-noi p{
	font-size:25px;
}

.intro-icons{
	margin-top:-82px;
}

.pregatire-scolara{
	padding:21px 0;
	color:#57A5D6;
}

.pregatire-scolara ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  font-size:21px;
  list-style-type: square;
  margin-left:5%;
}

.flex-container.img-band{
	justify-content:space-between;
	gap:30px;
	margin-bottom:42px;
}

.img-band .flex-item img{
	max-width:100%;
}

.fw-cont.boxes{
	max-width:80%;
	margin:0 auto;
}

.fw-cont.boxes .box{
	width:50%;
	max-width:50%;
	color:#ffffff;
	font-size:21px;
	border-radius:50px;
	padding:28px 42px;
	margin:14px;
}

.ble{
	background-color:#57A5D6;
}

.mov{
	background-color:#623481;
}

.prasino{
	background-color:#AFC75E;
}

.kocino{
	background-color:#C0335C;
}

.footer{
	margin-top:42px;
	font-size:18px;
}

.footer .container{
	width:80%;
	max-width:80%;
}

.footer::after{
	content:' ';
	display:block;
	clear:both;
	float:none;
	height:0;
}

.footer .left,
.footer .right{
	float:left;
	padding:42px 0;
	width:50%;
}

.footer .left img.footer-logo{
	max-width:120px;
	padding:0 70px;
}

.footer .right{
	text-align: center;
	color:#ffffff;
	margin-top:21px;
}

.footer .right .phone,
.footer .right .social{
	float:left;
	margin-left:100px;
}

.footer .right .social-icons .youtube-icon,
.footer .right .social-icons .facebook-icon{
	display:inline-block;
	margin:7px 14px 0 14px;
}

.footer .right .social-icons .youtube-icon img,
.footer .right .social-icons .facebook-icon img{
	width:56px;
	display:block;
	margin:0 auto;
	margin-bottom:14px;
}

.footer .right a{
	color:#ffffff;
	text-decoration:none;
}

.footer .right .phone{
	text-align:center;
}

.footer .right .phone-icon img{
	width:42px;
	display:block;
	margin:0 auto;
	margin-bottom:14px;
}


@media only screen and (max-width:1000px){
	
	.container{
		width:90%;
		margin:0 auto;
		position:relative;
	}
	
	.intro{
		background-position: 33% center;
	}
	
	.container.intro-icons{
		margin-top:-50px;
	}
	
	.intro-icons img{
		max-width:100px;
	}
	
	.pregatire-scolara ul{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		margin-left:0;
	}
	
	.flex-container.img-band{
		gap:0;
	}
	
	.fw-cont.boxes.flex-container{
		display:block;
	}
	
	.fw-cont.boxes{
		width:100%;
		max-width:100%;
	}
	
	.fw-cont.boxes .box{
		width:74%;
		max-width:74%;
		display:block;
		margin:0 3%;
		margin-bottom:21px;
		padding:10%;
		border-radius:21px;
	}
	
	.fw-cont.boxes .box ul{
		margin-left:0;
		padding-left:20px;
	}
	
	.footer .left,
	.footer .right{
		float:none;
		padding:42px 0;
		width:100%;
		text-align:center;
	}
	
	.footer .right{
		padding-top:0px;
	}
	
	.footer .right .phone, .footer .right .social{
		float:none;
		width:100%;
		margin:0;
	}
	
	.footer .right .phone{
		margin-bottom:14px;
	}

}