@font-face {
  font-family: JennaSue;
  src: url("../fonts/JennaSue.ttf");
  font-weight: normal;
  font-style: normal;
}


html,body{
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-family: 'brandon-grotesque';
	
	color: #707070;
}


.no-scroll{
	overflow: hidden;
}

.intro-video{
	height: 100vh;
	position: relative;
	overflow: hidden;

}

.intro-play-video{
	z-index: 1;
	background: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding-top: 0;
	left: 0;
	text-align: center;
}



.intro-play-video .headline{
	margin-top: 5rem;
}

.intro-play-video .play-btn{
	margin-top: 3rem;
	
}


.intro-play-video .play-btn img{
	opacity: 0.5;
	-webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
	
}

.intro-play-video .play-btn img:hover{
	opacity: 1;
}



.intro-play-video .play-btn a{
	color: #fff;
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: bold;
	outline: none;
}


.intro-play-video .play-btn .vezi-video{
	margin-top: 1rem;
}
.intro-video .video-container{
	background-image: url('../images/video-backup.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	
	background-position: 50%;
}


.intro-video .video-container .bg-video{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	height: 100vh;
	background-size: cover;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}


.intro-video .video-container .fade-in-video {
    opacity: 0;
    -webkit-transition: opacity .8s linear;
    transition: opacity .8s linear;
}

.intro-video .video-container video {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}


.intro-video .video-container .fade-in-video.is-playing {
    opacity: 1;
}


#about{
	padding-top: 10rem;
	padding-bottom: 5rem;
}

#about .left{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

#about .right{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

#about .left img{
	display: block;
	width: 100%;
}


#about .content{
/*
	padding-left: 8rem;
	padding-right: 8rem;
*/
width: 70%;
margin: 0 auto;
}

#about .right .text-content {
    padding-left: 6rem;
}


#about .title{
    font-family: 'brandon-grotesque', sans-serif;
	font-weight: bold;
	font-size: 3rem;
	color: #BF7F00;
	line-height: 3.75rem;
	font-style: italic;
	

}

#about .description{
	font-size: 1.25rem;
	color: #707070;
	line-height: 2.375rem;
	margin-top: 2rem;
	
}

#about .description span{
	font-weight: bold;
	font-style:  italic;
}


#casuta-postala{
	background: url("../images/postal-bg.png") center center no-repeat;
	background-size: contain;
	min-height: 1500px;
/* 	margin-top: -5.375rem; */
	position: relative;
	padding-top: 10rem;
}



.vezi-toate a{
	color: #fff;
	font-size: 1.25rem;
	letter-spacing: 2px;
}




#lista-scrisori .wrapper-scrisori{
	width:75%;
	margin:auto;
	text-align:center;
	font-size: 0px;
	
	height: 700px;
	overflow-y: scroll;
	color: #fff;
	
	background-color: rgba(0, 0, 0, 0.5);
	padding-top: 30px;
	
}
#lista-scrisori .scrisoare{
	width: calc(33.33% - 40px);
	display: inline-block;
	vertical-align: middle;
	background: url("../images/indisponibila.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 16px;
	
	min-height: 210px;
	cursor: pointer;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px;
}
#lista-scrisori .scrisoare-disponibila{
	background: url("../images/disponibila.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
#lista-scrisori .nume-copil{
	font-size: 1.25rem;
	font-weight: bold;
	padding: 10px 0px;
	color: #fff;
}
#lista-scrisori .stare-scrisoare{
	font-size:15px;
	font-weight: bold;
	padding-top: 70px;
	padding-bottom: 5px;
}
#lista-scrisori .citeste-scrisoare{
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	text-transform: lowercase;
	text-decoration: underline;
	
	background: #BF7F00;
	width: 100px;
	margin: 0 auto;
	text-decoration: none;
	
}
			
			


#casuta-postala .content{
}


#casuta-postala .title{
   font-family: 'brandon-grotesque', sans-serif;
font-weight: bold;
font-size: 3rem;
color: #fff;
line-height: 3.75rem;
	
	

}


#casuta-postala .title span{
	font-style: italic;
}

#casuta-postala .description{
	font-size: 1.25rem;
color: #fff;
line-height: 2.375rem;
margin-top: 2rem;
	margin-top: 3rem;
	
}



#casuta-postala .description span{
	font-weight: bold;
}



#casuta-postala .text-content{
	width: 50%;
	text-align: center;
	margin: 0 auto;
}



#casuta-postala #formular-headline.text-content{
	width: 50%;
}
#casuta-postala .animation-content{
	margin-top: 4rem;
}



#ideas .left,
#ideas .right{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

#ideas .left img,
#ideas .right img{
	width: 100%;
	display: block;
}


#ideas .content{
	width: 70%;
	margin: 0 auto;
}


#ideas .row-1,
#ideas .row-2,
#ideas .row-3,
#ideas .row-4{
	margin-bottom: 5rem;
}




#ideas{
	padding-top: 6rem;
}


#ideas .title{
    
	
	font-family: 'brandon-grotesque', sans-serif;
	font-weight: bold;
	font-size: 3rem;
	color: #BF7F00;
	line-height: 3.75rem;
	font-style: italic;
}

#ideas .description{
	
	
	
	font-size: 1.25rem;
	color: #707070;
	line-height: 2.375rem;
	margin-top: 2rem;

}

#ideas .description span{
	font-weight: bold;
	font-style: italic;
}

#ideas .left{
	text-align: right;
}

#ideas .left .text-content{
	padding-left: 2rem;
	padding-right: 6rem;
	
}


#ideas .right .text-content{
	padding-left: 6rem;
	padding-right: 2rem;
	
}



    


#ideas .desktop{
	display: inline-block;
}

#ideas .mobile{
	display: none;
}


.share-buttons{
	text-align: center;
	margin-top: 4rem;
}



#how-to-help .text-content{
	text-align: center;
}

#how-to-help .title{
    font-family: 'brandon-grotesque', sans-serif;
	font-weight: bold;
	font-size: 3rem;
	color: #fff;
	line-height: 3.75rem;
	font-style: italic;
	

}

#how-to-help .description{
	font-size: 1.25rem;
	color: #fff;
	line-height: 2.375rem;
	margin-top: 2rem;
	
}




#how-to-help .share-content{
	margin-top: 4rem;
}

#how-to-help .share-content .title{
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.875rem;
}

#how-to-help .share-content .title span{
	font-size: 1.3125rem;
	font-weight: bold;
}





#how-to-help{
	background: url("../images/how-to-help-bg.png") center center no-repeat;
	background-size: cover;
/* 	min-height: 1200px; */
	padding-top: 10rem;
	padding-bottom: 10rem;
	
}


#how-to-help .content{
	width: 70%;
	margin: 0 auto;
}

#how-to-help .left,
#how-to-help .center,
#how-to-help .right{
	float: left;
	width: 33.33%;
	text-align: center;
}



#how-to-help .title{
    font-family: 'brandon-grotesque', sans-serif;
	font-weight: 800;
	font-size: 3rem;
	color: #fff;
	margin-top: 2rem;
}

#how-to-help .description{
	font-size: 1.25rem;
	color: #fff;
	
	line-height: 2.0625rem;
	width: 80%;
	margin: 0 auto;
	margin-top: 2rem;
}




#how-to-help .copy{
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.875rem;
	text-align: center;
	margin-top: 5rem;
	color: #fff;
	
}



#how-to-help .ico img{
/*     width: 40%; */
}



#formular-scrisoare{
	display: none;
}







#formular-scrisoare .content{
	
	width: 80%;
	margin: 0 auto;
	
}

#formular-scrisoare .content .form{
	width: 35%;
	margin: 0 auto;
	padding-top: 0rem;
}

#formular-scrisoare .content .form .row{
	margin-bottom: 2rem;
}

#formular-scrisoare .content .form .row .label{
	display: inline-block;
	width: 33%;
	vertical-align: middle;
	font-size: 2rem;
	color: #fff;
	
	font-family: 'Nunito', sans-serif;
}

#formular-scrisoare .content .form .row .input{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

#formular-scrisoare .content .form .row .input input{
	width: 100%;
	height: 3.75rem;
	font-size: 1.125rem;
	line-height: 3.75rem;
	border: 0;
	padding: 5px;
	font-family: 'Nunito', sans-serif;
	background: #fff;
	color: #062229;
	padding-left: 15px;
}


#formular-scrisoare .content .form .row > input{
	width: 100%;
	height: 4.75rem;
	font-size: 1.25rem;
	line-height: 4.75rem;
	border: 0;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
	cursor: pointer;
	background: #0A7734;
	color: #fff;
	
	
	
}


#formular-scrisoare .content .form .row > input:disabled{
	background: #ccc;
	color: #999;
}

#formular-scrisoare .content .form .row > input:hover:not([disabled]){
	color: #fff;
	background: #AA1917;
}



#formular-scrisoare .content .form .row .checkbox{
	color: #fff;
	font-size: 1rem;
}

#formular-scrisoare .content .form .row .checkbox a{
	color: #fff;
	font-size: 1rem;
}


#text-rez{
	text-align: center;
	width: 50%;
	margin: 0 auto;
	background: #fff;
	color: #13bd35;
	padding: 2rem;
	font-size: 1.25rem;
	font-weight: bold;
	display: block;
	margin-bottom: 2rem;
}


#continut-scrisoare{
	font-family: JennaSue;
	font-size: 1.75rem;
	line-height: 2.25rem;
	letter-spacing: 0.081rem;
}



#monster{
	width: 	37.5rem;
	margin:  0 auto;
	cursor: pointer;
}


#monster img{
	width: 100%;
}




.vreau-sa-ma-implic{
	
	
	font-size: 1.25rem;
	color: #fff;
	cursor: pointer;
	width: 30%;
	text-align: center;
	background: #0A7734;
	font-weight: bold;
	margin: 0 auto;
	height: 3.25rem;
	line-height: 3.25rem;
	letter-spacing: 2px;
	
}


.vreau-sa-ma-implic2{
	
	
	font-size: 1.25rem;
	color: #fff;
	cursor: pointer;
	width: 30%;
	text-align: center;
	background: #0A7734;
	font-weight: bold;
	margin: 0 auto;
	height: 3.25rem;
	line-height: 3.25rem;
	letter-spacing: 2px;
	
}

/*
.vezi-toate-scrisorile{
	
	font-size: 1.25rem;
	color: #fff;
	cursor: pointer;
	width: 30%;
	text-align: center;
	background: #BF7F00;
	font-weight: bold;
	margin: 0 auto;
	height: 3.25rem;
	line-height: 3.25rem;
	text-decoration: none;
	display: block;
		
}
*/

.vezi-toate a{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}

.vezi-toate a i{
	color: #BF7F00;
}


.aplica-pt-scrisoare-random{
	letter-spacing: 2px;
}



.creat-de {margin-top: 1rem; font-size: 1.2rem}
.creat-de span{ vertical-align: 0.07rem; color: #fff;}
.creat-de svg{ width: 5.6rem; fill: #BF7F00;}



.scroll-down{
	color: #fff;
	margin-top: 4rem;
	font-size: 1.5rem;
}




#corner-slider {
    position: fixed;
    z-index: 100;
    overflow: hidden;
    height: 225px;
    width: 400px;
    background-image: url('../images/pop-up.png');
    background-repeat: no-repeat;
    background-size: contain;
    
    bottom: 30px; 
    right: auto;
    
    transition: 1s;
    
}


#corner-slider .close {
    position: absolute;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    z-index: 1002;
    color: #fff;
    opacity: 1;
    right: 10px;
    top: 10px;
    
    float: right;
    
    font-weight: 700;
	line-height: 1;
}



#corner-slider .reminder-link {
    display: block;
    width: 400px;
    height: 225px;
}


#corner-slider.hidden {
    left: -500px;
}

#corner-slider.shown {
   
    left: 20px; 
     
    
}


.grecaptcha-badge{
	display: none !important;
}


@media (min-width: 1536px) {
	
	#lista-scrisori .stare-scrisoare {

	   	 padding-top: 60px
    
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
	
	 #corner-slider{
	    width: 300px;
	    height: 176px;
    }
    
    
	html,body{
		
		font-size: 100%;	
	}
	
	
	
	#video .logo img{
		width: 15%;
	}
	
	
	#video .headline img{
		width: 40%;
	}
	
	#video .play-btn img{
		width: 5%;
	}
	
	
	#casuta-postala{
	
		background-size: cover;
		min-height: auto;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	
	#about .content {
    	width: 80%;
    
    }
    
    #casuta-postala .text-content {
  	  width: 80%;
    }
    
    #ideas .content {
    	width: 80%;
    }
    
    #how-to-help .ico img{
	    height: 8rem;
	    width: auto;
    }
    
    #how-to-help {
	    padding-bottom: 4rem;
	}
	
	#about {
	    padding-bottom: 8rem;
	}


	#lista-scrisori .stare-scrisoare{
		padding-top: 30px;
		padding-bottom: 0;
	}
	
	#lista-scrisori .nume-copil{
		margin-top: 20px;
	}
	
	
	#lista-scrisori .wrapper-scrisori{
		padding-top: 10px;
	}
}	



@media (min-width: 1024px) and (max-width:1365px){
	html,body{
		
		font-size: 80%;	
	}
	
	
	#video .logo img{
		width: 20%;
	}
	
	
	#video .headline img{
		width: 50%;
	}
	
	#video .play-btn{
		margin-top: 8rem;
	}
	#video .play-btn img{
		width: 10%;
	}
	
	
	
	#about .content {
	
	    padding: 0;
	    width: 80%;
	
	}
	
	#about{
		padding-bottom: 10rem;
	}
	
	#about .right .text-content{
		padding-left: 4rem;
	}	
	#casuta-postala {
    	min-height: auto;
		margin-top: -2.375rem;
		background-size: cover;
		padding-top: 5.375rem;
		padding-bottom: 14rem;
    
    }
    
    #casuta-postala .text-content {
    	width: 80%;
    }
    
    

	#ideas .content {
	
	    width: 80%;
	    
	}
	
	
	#ideas .right .text-content {
    	padding-left: 4rem;
    }
    
    #ideas .left .text-content {
	    padding-right: 4rem;
	}
	
	#how-to-help{
		min-height: auto;
		padding: 0;
		background-size: cover;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	
	#how-to-help .content {
    	width: 80%;
    }
	
	#how-to-help .content {
    	width: 85%;
   
	}
	
	#how-to-help .ico img{
	    height: 10rem;
	    width: auto;
    }
    
    
    #lista-scrisori .wrapper-scrisori {
    	width: 90%;
    }
    
    #lista-scrisori .scrisoare {
    	width: calc(33.33% - 40px);
    }
    
    #lista-scrisori .nume-copil {
    
		margin-top: 0;
		line-height: 1.25rem;
		padding: 0;
		
	}
	#lista-scrisori .scrisoare{
		min-height: 140px;
	}
	
	#lista-scrisori .stare-scrisoare {
    
    	padding-top: 35px;
    	padding-bottom: 0;
    }
    
    #lista-scrisori .citeste-scrisoare{
	    line-height: 1.25rem;
    }
    
    
    #lista-scrisori .wrap-scrisoare{
	    padding-top: 36px;
    }
    
    
}


@media (min-width: 481px) and (max-width: 1023px) {
  	
  	#ideas .desktop{
		display: none;
	}
	
	#ideas .mobile{
		display: block;
	}



	html,body{
		
		font-size: 85%;	
	}
	
	.intro-video .video-container{
		height: 100vh;
	}
	
	
	
	#video .logo img{
		width: 40%;
	}
	
	
	#video .headline img{
		width: 80%;
	}
	
	#video .play-btn{
		margin-top: 8rem;
	}
	#video .play-btn img{
		width: 15%;
	}
	
	
	
	#about{
		padding: 0;
	}
	
	
	
	#about .content{
		padding: 0;
		width: 90%;
		margin: 0 auto;
		margin-top: 4rem;
	}
	
	
	
	
	#about .description{
		margin-top: 4rem;
	}
	
	
	#about .text-content{
		text-align: center;
	}
	
	#about .left{
		width: 100%;
	}
	
	
	#about .right .text-content{
		padding: 0;
		margin:  0 auto;
	}
	
	#about .title{
		margin-top: 2rem;
	}
	
	#about  .right{
		width: 100%;
		text-align: center;
	}
	
	
	#casuta-postala{
		background: url("../images/postal-bg.png") center center no-repeat;
		background-size: cover;
		
		margin-top: 4rem;
		position: relative;
		padding-top: 7.375rem;
		padding-bottom: 7.375rem;
		min-height: auto;
	}
	
	#casuta-postala .description{
		margin-top: 2rem;
	}
	
	#casuta-postala .text-content{
		width: 90%;
		margin: 0 auto;
		
	}
	
	#ideas{
		margin-top: 4rem;
		padding: 0;
	}
	
	#ideas .content {

	    width: 90%;
	    margin: 0 auto;
	
	}
	
	
	#ideas .left, #ideas .right{
		width: 100%;
	}
	
	#ideas .left .text-content,
	
	#ideas .right .text-content{
		padding: 0;
		text-align: center;
	}
	
	
	#ideas .title {
	    
		margin-top: 2rem;
	}
	
	#ideas .description {
		margin-bottom: 4rem;
	
	}
	#ideas .row-1, #ideas .row-2, #ideas .row-3, #ideas .row-4{
		margin-bottom: 0;
	}
	
	#how-to-help{
		background-size: cover;
		min-height: auto;
		padding-top: 7rem;
		margin-top: 5rem;
	}
	
	#how-to-help .content {
    	width: 90%;
		margin: 0 auto;
    
    
    }
    
    #how-to-help .left, #how-to-help .center, #how-to-help .right{
/*
	    float: none;
	    width: 100%;
*/
	    margin-bottom: 4rem;
    }
    
    
    #how-to-help .ico img{
	    height: 5rem;
	    width: auto;
    }
    
    
    #how-to-help .title{
	    margin-top: 1rem;
    }
    #how-to-help .description{
	    width: 100%;
    }
	
	#how-to-help .copy{
		margin-top: 0;
	}
	
	
	#lista-scrisori .wrapper-scrisori {
    	width: 90%;
    }
    
    #lista-scrisori .scrisoare {
    	width: calc(50% - 40px);
    }
    
    #lista-scrisori .nume-copil {
    
		margin-top: 0;
		line-height: 1.25rem;
		padding: 0;
		
	}
	#lista-scrisori .scrisoare{
		min-height: 140px;
	}
	
	#lista-scrisori .stare-scrisoare {
    
    	padding-top: 25px;
    	padding-bottom: 0;
    }
    
    #lista-scrisori .citeste-scrisoare{
	    line-height: 1.25rem;
    }
    
    
    #lista-scrisori .wrap-scrisoare{
	    padding-top: 36px;
    }
    
	#casuta-postala #formular-headline.text-content{
		width: 90%;
	}
	
	#formular-scrisoare .content .form{
		width: 80%;
	}
	
	.vreau-sa-ma-implic{
	    width: 50%;
    }
    
    .vreau-sa-ma-implic2{
	    width: 50%;
    }
    
    
    #corner-slider{
	    width: 300px;
	    height: 176px;
    }
}



/* MOBILE */
@media (min-width: 320px) and (max-width: 480px) {
	
	#corner-slider.shown{
		display: none;
	}
	#ideas .desktop{
		display: none;
	}
	
	#ideas .mobile{
		display: block;
	}



	html,body{
		
		font-size: 85%;	
	}
	
	.intro-video .video-container{
		height: 100vh;
	}
	
	
	#video .logo img{
		width: 40%;
	}
	
	
	#video .headline img{
		width: 80%;
	}
	
	#video .play-btn img{
		width: 20%;
	}
	
	
	
	#about{
		padding: 0;
	}
	
	
	
	#about .content{
		padding: 0;
		width: 90%;
		margin: 0 auto;
		margin-top: 4rem;
	}
	
	
	#about .description{
		margin-top: 4rem;
	}
	
	
	#about .text-content{
		text-align: center;
	}
	
	#about .left{
		width: 100%;
	}
	
	
	#about .right .text-content{
		padding: 0;
		margin:  0 auto;
	}
	
	#about .title{
		margin-top: 2rem;
	}
	
	#about  .right{
		width: 100%;
		text-align: center;
	}
	
	
	#casuta-postala{
		background: url("../images/postal-bg.png") center center no-repeat;
		background-size: cover;
		
		margin-top: 4rem;
		position: relative;
		padding-top: 7.375rem;
		padding-bottom: 7.375rem;
		min-height: auto;
	}
	
	
	#casuta-postala .animation-content {
	    margin-top: 0rem;
	}

	#monster {
    	width: 27.5rem;
    
    }
    
	
	#casuta-postala .description{
		margin-top: 2rem;
	}
	
	#casuta-postala .text-content{
		width: 90%;
		margin: 0 auto;
		
	}
	
	#ideas{
		margin-top: 4rem;
		padding: 0;
	}
	
	#ideas .content {

	    width: 90%;
	    margin: 0 auto;
	
	}
	
	
	#ideas .left, #ideas .right{
		width: 100%;
	}
	
	#ideas .left .text-content,
	
	#ideas .right .text-content{
		padding: 0;
		text-align: center;
	}
	
	
	#ideas .title {
	    
		margin-top: 2rem;
	}
	
	#ideas .description {
		margin-bottom: 4rem;
	
	}
	#ideas .row-1, #ideas .row-2, #ideas .row-3, #ideas .row-4{
		margin-bottom: 0;
	}
	
	#how-to-help{
		background-size: cover;
		min-height: auto;
		padding-top: 7rem;
		margin-top: 0rem;
		padding-bottom: 5rem;
	}
	
	#how-to-help .content {
    	width: 90%;
		margin: 0 auto;
    
    
    }
    
    #how-to-help .left, #how-to-help .center, #how-to-help .right{
/*
	    float: none;
	    width: 100%;
*/
	    margin-bottom: 4rem;
    }
    
    
    #how-to-help .ico img{
	    height: 5rem;
	    width: auto;
    }
    
    
    #how-to-help .title{
	    margin-top: 1rem;
    }
    #how-to-help .description{
	    width: 100%;
    }
	
	#how-to-help .copy{
		margin-top: 0;
	}
	.envelope {
		width: 23.75rem;
		height: 11.875rem;
    }
    
    
    .aplica-pt-scrisoare-random {
		width: 80%;
		font-size: 1rem;
		height: 2.25rem;
		line-height: 2.25rem;
	
	}
	
	.doresc-alta-scrisoare {
  
		padding-bottom: 1rem;
	}
	
	.scroll-content{
		height: 72%;
	}
	
	#formular-scrisoare .content .form{
		width: 100%;
		
	}
	
	
	#casuta-postala #formular-headline.text-content{
		width: 90%;
	}
	
	
	#formular-aplica-scrisoare{
		margin-top: 4rem;
	}
	
	
	
	#lista-scrisori .wrapper-scrisori {
    	width: 90%;
    }
    
    #lista-scrisori .scrisoare {
    	width: calc(100% - 40px);
    }
    
    #lista-scrisori .nume-copil {
    
		margin-top: 0;
		
	}
	#lista-scrisori .scrisoare{
		min-height: 140px;
	}
	
	#lista-scrisori .stare-scrisoare {
    
    	padding-top: 20px;
    	padding-bottom: 0;
    }
    
    #lista-scrisori .citeste-scrisoare{
	    line-height: 1.25rem;
    }
    
    .vreau-sa-ma-implic{
	    width: 100%;
    }
    
    .vreau-sa-ma-implic2{
	    width: 100%;
    }
}