body, html{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
}

h1, h2, p, a{
	color:#E6DCCA;
}

h1{
	font-size:105px;
	margin-bottom:21px;
}

h2{
	font-size:42px;
	font-weight:300;
	margin-bottom:0px;
}

p{
	max-width:50%;
	font-size:28px;
	line-height:42px;
	font-weight:300;
}

.stripes{
	position:relative;
}

.stripes:before {
  content: '';
  position: absolute;
  width:100%;
  height:100%;
  background:url("../img/stripes.png");
  background-repeat:no-repeat;
  background-position:top right;
  background-size:contain;
}

.container{
	max-width:80%;
	margin:0 auto;
	padding:98px 0;
}

#intro{
	background:#060606;
}

#povestea-noastra{
	background:url('../img/bg-povestea-noastra.jpg');
	background-size:cover;
}

#despre-companie{
	background:url('../img/bg-despre-companie.jpg');
	background-size:cover;
}

#produse-si-servicii{
	background:#060606;
}

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

.flex-item p{
	max-width:100%;
	font-weight:400;
}

.flex-item ul{
	list-style-type:square;
	padding-inline-start:24px;
}

.flex-item ul li{
	color:#E6DCCA;
	font-size:21px;
	font-weight:100;
}

.flex-item p ul a{
	color:#FFFFFF;
}

#footer{
	background:#060606;
}

#footer p{
	width:100%;
	margin:7px 0;
	font-size:18px;
	line-height:24px;
}

#footer a{
	text-decoration:none;
	font-weight:300;
	transition:all 0.420s;
}

#footer a:hover{
	opacity:0.69;
}

#footer .the-image,
#footer .the-info{
	float:left;
}

#footer .the-info{
	padding-left:35px;
}

/*--- Laptop ---*/

@media only screen and (max-width:1600px){
	.logo{
		width:280px;
		height:280px;
	}
	
	
	h1{
		font-size:84px;
		margin-bottom:21px;
	}

	h2{
		font-size:28px;
		font-weight:300;
	}
	
	p{
		font-size:21px;
		line-height:35px;
	}	

	.flex-item p{
		line-height:28px;
	}	

	.flex-item ul{
		list-style-type:square;
		padding-inline-start:20px;
	}

	.flex-item img{
		max-width:180px;
	}
}


@media only screen and (min-width:1081px) and (max-width:1420px){
	.flex-item p{
		line-height:28px;
	}
	
	.flex-item ul li{
		font-size:18px;
	}

	.flex-item img{
		max-width:120px;
	}
}

@media only screen and (max-width:1080px){
	.stripes::before{
		display:none;
	}
	
	#intro .logo{
		margin:0 auto;
		display:block;
	}
	
	h1,
	h2,
	p{
		max-width:100%;
		text-align:center;
	}
	
	.flex-container{
		flex-direction: column;
	}
	
	.flex-item ul {
		list-style-type: none;
		padding-inline-start: 0;
		text-align: center;
	}

	#footer{
		padding-top:0px;
	}
	
	#footer .the-image, #footer .the-info{
		float:none;
	}

	#footer .the-image img{
		display:block;
		margin:42px auto 14px auto;
	}
	
	#footer .the-info{
		padding-left:0;
	}
}

@media only screen and (max-width:960px){
	h1{
		font-size:63px;
	}
}


@media only screen and (max-width:560px){
	h1{
		font-size:42px;
	}
}