*{
	padding:0px;
	margin:0px;
}
html{ 
	scroll-behavior: smooth; 
}
body{
	font-family:tahoma,arial;
}
.mesaj-mare > h2{
	font-size:2.8em;
	font-family:ms madi,verdana;
	font-weight:100;
	padding-bottom:35px;
}
nav {
	height:30px;
    padding: 10px;
    display: flex;
    background-color: white;
	border:1px solid black;
	border-radius:10px;
	margin:auto;
}
.nav-menu{
	width:200px;
	margin:auto;
}
.ham-bars {
    height: 30px;
    width: 30px;
    margin-left: auto;
    position: relative;
}
.ham-bars span {
    height: 3px;
    width: 100%;
    background-color: black;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease;
}
.ham-bars span:nth-child(1) {
    top: 15%;
}
.ham-bars span:nth-child(3) {
    top: 85%;
}
.menu {
	position: fixed;
	z-index: 100;
	top: 79px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	list-style: none;
	background: darkslategrey;
	display: flex;
	padding:50px 0 0 50px;
	font-size:2em;
	flex-direction: column;
	transform: translateX(-130%);
}
.menu li{
    width: 200px;
    border-bottom: 1px solid gray;
    line-height: 2em;
}
/************************************************************************/
.top1-logo, 
.top1-menu,
.top1-hamburger
{
	padding: 15px 15px 15px 15px;
	display:inline-block;
}
.top1-logo > a > img{
	height:45px;
}
header{
	position:sticky;
	top:0;
/*	background-color:#77BE45;
	background-color:#ADC5AF;*/
/*	background-color:#fdfbf6;*/
	border-bottom:2px solid #FF7F41;
}
footer{
	margin-top:50px;
	border-top:2px solid #FF7F41;
/*	background-color:#fdfbf6;*/
	padding:0 0 25px 0;
}
.top1-menu,.top1-hamburger{
	float:right;
}
.top1-menu > ul{
	display:none;
}
.top1-menu > ul > li
{
	height:20px;
	display:inline-block;
	font-size:1em;
	margin-right:30px;
	padding:15px;
	background-color:white;
/*	border:1px solid gray;*/
	border-radius:25px;
}
.footer-menu{
	display:grid;
	grid-template-columns:auto;
	grid-row-gap:20px;
	padding-top:25px;
	font-size:0.8em;
}
.servicii_top,
.servicii{
	padding-top:50px;
/*	padding-bottom:50px;*/
}
a, a:visited{
	text-decoration:none;
/*	font-weight:bold;*/
	color:#FF7F41;
/*	color:black;*/
	text-decoration: 1px solid underline;
/*    text-decoration-color: #14A54A;*/
    text-underline-offset: 0.3em;
    transition: all 0.3s;}
#menu a, #menu a:visited
{
    font-size: 1.2rem;
	color:white;
}
.mesaje{
	margin-bottom:15px;
	background-color:#CD9974;
	background-color:beige;
	border:0px solid gray;
	padding:25px;
	border-radius:20px;
/*	box-shadow:0 0 5px 0px gray;*/
}
.mesaje li::before {
    content: "●";
    color:#FF7F41;
    padding-right: 10px;
}
#psiholog_contact li{
	margin-bottom:25px;
	border-bottom:1px solid lightgray;
}
iframe{
	display:block;
}	
/************************************************************************/
.p-left > img, .p-right > img{
	display:block;
	max-height:250px !important;
	box-shadow: 0 0 10px 3px gray;
	border-radius:20px;
}
.p-right, .p-left{
	background-color:beige !important;
/*	background-color:lightgray;*/
/*	max-height:250px;*/
}
.p-left{
	grid-row:2/span 3;
}
.servicii + .servicii{
/*	margin-top:50px;*/
}

.servicii_top > .content,
.servicii > .content,
footer > .content{
	padding-left:20px;
	padding-right:20px;
}
p + p{
	margin-top:20px;
}
/************************************************************************/
.sectiune{
	display:grid;
	grid-template-columns:auto;
/*		margin-top:25px;*/
}

.sectiune{
/*	border:1px solid gray;
	border-radius:20px;
	background-color:beige;
	padding-bottom:50px;*/
}

.servicii .sectiune{
	border:1px solid gray;
	border-radius:20px;
	background-color:beige;
	padding-bottom:50px;
}
.sectiune > div{
/*	height:100%;*/
	text-align:left;
	line-height:2em;
	margin:auto; 
}
.sectiune > div > img{
	max-height:300px;
	margin-top:50px;
	border-radius:20px;
}
.sectiune > div > ul{
	margin-top:15px;
	line-height:2em;
	list-style:none;
}
/************************************************************************/
.msg{
	color:#14A54A;
	color:#d97a3e;
	color:#FF7F41;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}
.mesaj-mare{
/*	margin-top:50px;*/
	display:inline-block;
	border-radius:30px;
}
@keyframes fadeText
{
	0%    { font-weight: 300;}
	50%   { font-weight: 600;font-size:larger;}
	100%  { font-weight: 300;}
}

.fadeText{
/*	animation: fadeText 2s 2 1s;*/
	animation-name: fadeText;
	animation-duration: 2s;
	animation-iteration-count: 2;
	animation-delay: 0.5s;

}
#ham-bars.m-on span:nth-child(1) { transform: translate(-15px,10px) rotate(45deg); }
#ham-bars.m-on span:nth-child(2) { opacity: 0; }
#ham-bars.m-on span:nth-child(3) { transform: translate(-15px,-10px) rotate(-45deg); }	

#menu.m-on{
	transform: translateX(0);
}	
body,
header,
footer,
.sectiune,
.top1-menu > ul > li,
.servicii:nth-of-type(even),
.servicii:nth-of-type(odd),
.servicii_top
{
	background-color:#fdfbf6 !important;}
	
.servicii .sectiune{
	background-color:beige !important;
}
@media only screen and (min-width: 700px) {
	footer{
		margin-top:0px;
	}
	.sectiune{
		border:0px solid gray;
/*		border-radius:20px;*/
		background-color:white;
		padding-bottom:0px;
	}
	.p-right,
	.p-left,
	.servicii .sectiune{
		background-color:#fdfbf6 !important;
	}
	
	.mesaje{
		border:2px solid gray;
	}
	.sectiune > div{
		margin:0px;
	}
	.sectiune > div > img{
		margin-top:0px;
	}
	.mesaj-mare > h2{
		padding:35px;
		padding-left:0px;
	}
	.menu{
		padding-left:20%;
	}
	.top1-hamburger{
		display:none;
	}
	.sectiune{
		grid-template-columns:auto auto;
	}
	.servicii .sectiune{
		border:0px solid gray;
	}
	.p-left {
		grid-row: 1 / span 2;
		margin-right:50px;
	}
	.p-right{
		margin-left:50px;
	}
	.p-left > img{
		border-top-left-radius: 50% 50%; 
		border-bottom-right-radius: 50% 50%; 
/*		box-shadow: 0 0 10px 3px gray;*/
		margin-right:50px;
	}
	.p-right > img{
		border-radius:20px 20px;
		box-shadow: 0 0 10px 3px gray;
		margin-left:50px;
	}
	.p-slogan > img{
		border-radius:20px 20px;
	}
	.top1-menu{
		padding-left:0px;
		padding-right:0px;
	}
	.top1-menu > ul{
		display:inline-block;
	}
	.top1-menu > ul > li{
		margin-right:15px;
	}
	.footer-menu{
		grid-template-columns:auto auto;
	}
}
@media only screen and (min-width: 900px) {
	.mesaj-mare > h2+h2{
		padding-left:75px;
	}
	.mesaj-mare > h2+h2+h2{
		padding-left:150px;
	}
	.content{
		max-width:900px;
		margin:auto;
		border:0px solid red;
	}
	.footer-menu{
		grid-template-columns:auto auto auto auto;
	}
	li > ul{
		list-style-type:none;
		padding-left:50px;}
		
	li > ul > li:before{
		content: \2713;	
	}

}