.date {width:40%; padding:5%; float:left; margin-top:3%; border-right:1px solid #f1f2f4;}
.form {width:60%; padding:3% 10%; float:left;}

body {margin:0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Sansita Swashed', cursive;}
p, a {font-family: 'Montserrat', sans-serif;font-size:1.2vw;}

.fullclass {width:100%; overflow:hidden; margin:0; padding:0;}

.date h2 {margin-left:10%;}
.date img {width:2vw; margin-right:2%;}
.date a {text-decoration:none;display:block; width:90%; float:none; margin:5% 0 2% 10%;}

.footer {background-color:#3a2d24; padding:3% 10%;}
.copy {background-color:#282828;}
.butongalben {text-decoration:none;display:block; width:30%; margin:3% 35%; border:1px solid #f7dc13; color:#f7dc13; padding:1% 5%; border-radius:15px;}
.butonnegru {text-decoration:none;display:block; width:30%; margin:3% 35%; border:1px solid #333; color:#333; padding:1% 5%; border-radius:15px;}

.copy1 {padding-left:10%;}
.copy2 {text-align:right;}
.copy2 img {width:15%; margin-right:10%;}
.telefon-footer {text-decoration:none;width:15%; margin-left:42.5%; display:inline-block; color:#58c706; text-align:center;}
.telefon-footer img {width:1.2vw;margin-top:0.5%; margin-right:1%;float:left;}
.telefon-footer span {float:left;}
.sigla {width:10%; margin-left:45%; float:left; margin-bottom:3%;}
.siglaf {width:10%; margin-left:45%; float:left; margin-bottom:3%;}
.meniu {width:100%; float:none;overflow:hidden; margin-top:3%; margin-bottom:3%;}
.meniu a {color:#fff; text-decoration:none; font-size:1.2vw; float:left; margin-right: 2%;}
hr {width:30%!important; margin-left:35%; margin-top:3%;}
.firstli {margin-left:28%;}
.firstlif {margin-left:17%;}
.full {width:100%;overflow:hidden;}
.contact {overflow:hidden;}
.contact hr {margin-left:10%!important;}
.decobleu {border:none!important; width:10%!important; display:inline-block; height:9px; background-color:#1c48e9; margin:auto;}
input {border-radius:15px; background-color:#f1f2f4; border:none!important; width:40%!important; margin-top:1vw;height:3vw;}
textarea {border-radius:15px; background-color:#f1f2f4; border:none!important; width:50%!important; float:right;margin-top:-11vw; height:11vw;}

#trimite {height:6vw; width:6vw!important; border-radius:100px!important;background-repeat:no-repeat; float:right; background-image:url(../foto/header-footer/buton-trimite.png); background-size:contain;}
#subscribeNews {width:2vw!important; float:left; margin-right:3%; margin-bottom:3%;}


.siglaheader {float:left; width:15%; margin: 1% ;}
.meniuheader a {text-decoration:none; margin-right:2%;}
.meniuheader {float:left; width:50%;margin-top:2%;}
.telefonheader {display:block; float:left; text-decoration:none;width:20%; margin-left:10%; color:#58c706; margin-top:2%; text-align:center;}
.telefonheader img {width:1.2vw; margin:1%;float:left;}
.telefonheader span {float:left;}
.servicii {text-align:center; padding:5% 10%;}
.deco {width:70%; margin:5% 15%; background-repeat:no-repeat; background-image:url(../foto/header-footer/decoratiune-desktop.png); background-size:contain; background-position:center; height:3vw;}
.desktop {display:block;}
.mobil {display:none;}
h2 {font-size:3vw;}
.date hr {margin-left:10%;}



@media only screen and (max-width: 768px) {
    .cc_dialog.simple {max-width:100%!important;}
	p, a {font-size:4.2vw;}
.desktop {display:none;}
.mobil {display:block;}	
h2 {font-size:9vw;}

.butongalben {padding:5%; width:50%; margin:5% 25%;}
.butonnegru {padding:5%; width:50%; margin:5% 25%;}

.siglaheader {width:35%; margin:5%;}
.telefonheader img {width:7vw;float:right;}

.date {width:100%;}
.form {width:100%;}
.date img {width:7vw;}
input {width:100%!important; height:15vw; margin-top:3vw;}
textarea {width:100%!important;margin-top:3vw; height:30vw;}
#subscribeNews {width:5vw!important;}
#trimite {height:16vw; width:16vw!important;}
.telefon-footer img {width:7vw;}
	.copy1, .copy2 {text-align:center;}
	.copy1 {padding-left:0;}
	.siglaf {margin:3% 35%;width:30%;float:left;}
	#meniu a {width:9vw; padding:0; margin:5%;}
	.meniu2 a {width:9vw; padding:0; margin:1% 28% 5% 5%!important;}
.telefon-footer {margin-left:40%; }
.telefonheader {margin-top:5%;margin-left:15%;}
.copy2 img {width:25%;}
.deco {height:20vw;background-image:url(../foto/header-footer/decoratiune-mobil.png);}
}