html, body, div, span, p,a,img,i, ul,li{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}


body{ font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%; font-weight:500;  }
ol,ul {list-style: none;}


/*navigation*/
.bg-dark{ background: transparent!important; padding-top: 2vh;}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{ color:#C1FF70;}
.navbar-dark .navbar-nav .nav-link{color: rgba(250,250,250,.9);}
.navbar-dark .navbar-nav .nav-link:hover{color:#C1FF70;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left:1.5rem; padding-top:30px; font-size:18px; font-weight:bold}
.navbar-brand .logo{ height:60px}


.despre{background-image:url(../img/despre-noi.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:100%}
.obiective{background-image:url(../img/obiective.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}
.misiune{background-image:url(../img/misiune.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}
.comunica-eficient{background-image:url(../img/comunica-eficient.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:100%}
.ce-facem{background-image:url(../img/ce-facem.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:100%}

.unu{background-image:url(../img/doi.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}
.doi{background-image:url(../img/unu.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}
.trei{background-image:url(../img/trei.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}
.patru{background-image:url(../img/patru.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:100%}

/*mobile background*/
.despre-mobile{background-image:url(../img/despre-noi.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:250px}
.obiective-mobile{background-image:url(../img/obiective.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px; margin-bottom:15px}
.misiune-mobile{background-image:url(../img/misiune.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px; margin-bottom:15px}
.comunica-eficient-mobile{background-image:url(../img/comunica-eficient.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:250px}
.ce-facem-mobile{background-image:url(../img/ce-facem.png); background-repeat: no-repeat; background-position:center center; background-size: cover; height:250px; margin-top:15px}

.unu-mobile{background-image:url(../img/doi.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px}
.doi-mobile{background-image:url(../img/unu.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px}
.trei-mobile{background-image:url(../img/trei.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px}
.patru-mobile{background-image:url(../img/patru.png); background-repeat: no-repeat; background-position:top center; background-size: cover; height:250px}





.bg-section-set{ padding:20vh 0}
.bg-section-1{ background-color:rgba(14,0,26,1); height:100vh!important}
.bg-section-2{ background-color:rgba(0,0,0,0)}
.bg-section-3{ background-color:rgba(14,0,26,1)}
.bg-section-4{ background-color:rgba(0,0,0,0)}
.bg-section-5{ background-color:rgba(14,0,26,1)}



h1{ text-transform:uppercase; font-weight:500; color:#C1FF70 }
h2{ font-weight:900; color:#fff; text-transform:uppercase;}

.btn-1{ background-color:#C1FF70; font-size:18px; text-decoration:none; padding:12px 28px; color:rgba(0,0,0,1); font-weight:bolder }
.btn-1:hover{ text-decoration:none; opacity:0.8; color:rgba(0,0,0,1)}

/*contact*/
.contact{ padding:15vh 0}
.contact .heading1{ font-size:36px; color:rgba(14,0,26,1); font-weight:bold; text-align:center; padding-bottom:36px}

.f1, .txt{ border-left:none; border-top:none; border-right:none; border-radius:0; margin-top:15px }
.btn-2{background-color:#C1FF70; font-size:18px; text-decoration:none; padding:8px 28px; color:rgba(0,0,0,1); font-weight:bolder; border:none;}


/*footer*/
.shape{ height: 0; width: 100%; border-bottom: 100px solid rgba(14,0,26,1); border-left: 50px solid transparent; border-right: 50px solid transparent; text-align:center;}
.shape img{ height:80px; padding-top:20px} 


.social{background-color:rgba(14,0,26,1); padding:3vh 0; }
.social ul{ text-align:center}
.social ul li{ display:inline; padding:0 15px; font-size:24px;}
.social ul li a{ color:rgba(255,255,255,1); text-decoration:none}
.social ul li a:hover{ text-decoration:none; color:rgba(193,255,112,1)}

/*set*/
.mt-15{ margin-top:15px}
.mt-30{ margin-top:30px}

.mb-30{ margin-bottom:30px}
.text-left{ margin-top:5vh}


/*alerte*/
.alert-success{ border-radius:0; border:none; background-color:#000; text-align:center; color:#C1FF70; font-weight:bold}


/* devices min 640 */
@media only screen and (max-width: 640px) {
	.navbar-toggler{ border-radius:0; padding:0; margin:0; border:none;}
	.bg-dark{ background-color:rgba(14,0,26,1)!important; width: 100vw; position: absolute; left: 0; padding:15px 20px 0 20px; border-radius:0; text-align:center}
	.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:rgba(193,255,112,1); font-size:24px;}
	.navbar-nav{ height:100vh}
	
	.bg-main{background-image:url(../img/bg-main2.png); background-repeat: no-repeat; background-position:bottom center; background-size: cover; background-blend-mode: lighten}
	
	.bg-main2{display: flex; height:100vh;}
	.bg-main3{align-self: flex-end; padding-bottom:80px}
	.home{font-size:12vw; line-height:1;}
	.home2{font-size:12vw; padding-top:10px; line-height:1}
	.page{font-size:10vw;  line-height:1}
	.page2{font-size:10vw; padding-top:20px; line-height:1}
	
	.text-set{color:rgba(0,0,0,1) }
	.text-set .heading1{ font-size:36px; font-weight:900; padding-bottom:15px}
	.text-set .heading2{ font-size:24px; font-weight: bolder;}
	.text-set .heading3{ font-size:18px; font-weight: lighter; line-height:1.4}
	.text-set .bold{font-size:21px; font-weight:bold; padding:30px 0 10px 0}
	
	.text-set2{ color:rgba(255,255,255,1)}
	.text-set2 .heading1{ font-size:36px; font-weight:900; padding-bottom:30px}
	.text-set2 .heading2{ font-size:24px; font-weight: bolder;}
	.text-set2 .heading3{ font-size:18px; font-weight: lighter; line-height:1.4}
	.text-set2 .bold{ font-size:21px; font-weight:bold; padding:0 0 10px 0}
	.text-set2 .bulet{ font-size:18px; line-height:1.4; font-weight:bolder}
}
/* devices min 1600 */
@media only screen and (min-width: 640px) {
	.bg-main{background-image:url(../img/bg-main2.png); background-repeat: no-repeat; background-position:bottom left; background-size: contain; background-blend-mode: lighten }
	.home{font-size:4.4vw; padding-top:32vh; line-height:1}
	.home2{font-size:4vw; padding-top:20px; line-height:1}
	.page{font-size:3.2vw; padding-top:26vh; line-height:1}
	.page2{font-size:3.2vw; padding-top:20px; line-height:1}
}
/* devices min 1336 */
@media only screen and (min-width: 1336px) {
	.bg-main{background-image:url(../img/bg-main2.png); background-repeat: no-repeat; background-position:bottom left; background-size: contain; background-blend-mode: lighten }
	.home{font-size:5.4vw; padding-top:32vh; line-height:1.1}
	.home2{font-size:4vw; padding-top:20px; line-height:1.1}
	.page{font-size:3.2vw; padding-top:26vh; line-height:1}
	.page2{font-size:3.2vw; padding-top:20px; line-height:1}
	
	.text-set{color:rgba(14,0,26,1) }
	.text-set .heading1{ font-size:36px; font-weight:900; padding-bottom:15px}
	.text-set .heading2{ font-size:28px; font-weight: bolder;}
	.text-set .heading3{ font-size:18px; font-weight: lighter; line-height:1.4}
	.text-set .bold{font-size:21px; font-weight:bold; padding:30px 0 10px 0}
	
	.text-set2{ color:rgba(255,255,255,1)}
	.text-set2 .heading1{ font-size:36px; font-weight:900; padding-bottom:30px}
	.text-set2 .heading2{ font-size:28px; font-weight: bolder;}
	.text-set2 .heading3{ font-size:18px; font-weight: lighter; line-height:1.4}
	.text-set2 .bold{ font-size:21px; font-weight:bold; padding:0 0 10px 0}
	.text-set2 .bulet{ font-size:18px; line-height:1.4; font-weight:bolder}
}
/* devices min 1600 */
@media only screen and (min-width: 1600px) {
	.bg-main{background-image:url(../img/bg-main2.png); background-repeat: no-repeat; background-position:bottom left; background-size: contain; background-blend-mode: lighten }
	.home{font-size:4.4vw; padding-top:32vh; line-height:1}
	.home2{font-size:3.2vw; padding-top:20px; line-height:1}
	.page{font-size:3vw; padding-top:26vh; line-height:1}
	.page2{font-size:3vw; padding-top:20px; line-height:1}
}
/* devices min 1920 */
@media only screen and (min-width: 1920px) {
	.bg-main{background-image:url(../img/bg-main2.png); background-repeat: no-repeat; background-position:bottom left; background-size: contain; background-blend-mode: lighten }
	.home{font-size:3.4vw; padding-top:32vh; line-height:1}
	.home2{font-size:2.4vw; padding-top:20px; line-height:1}
	.page{font-size:2.6vw; padding-top:26vh; line-height:1}
	.page2{font-size:2.6vw; padding-top:20px; line-height:1}
}