/* am comentat randurile de mai jos caci imi facea in alte pagini request in pagina php padding 0
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*/

body{
	font: normal 16px sans-serif;
	padding: 0 0;
	background: white;
}

/*	Container, in container se afla headerul si ii spun sa nu se lateasca pe ecran mai mult de max with	*/
body .container{
	max-width:1380px;
	margin:0 auto;
}

/*	Header	*/

header{
	/* Enable flex mode. */
	display: flex; 
	/* Spread out the elements inside the header. */
	justify-content: space-between;
	/* Align items vertically in the center. */
	align-items: center;

	padding: 0px 25px;
}

.header-left{
	font: normal 28px 'Fugaz One', cursive;
}

.header-center ul{
	color: #003399;	
		}
.header-center ul{
	list-style: none;
}

.header-center ul li{
	display: inline-block;
	margin: 0 15px;
	color: red;
}

.header-center ul li a{
	text-decoration: none;
	color: red;
	cursor: pointer;
	font-weight: bold;
}

/* definesc clasa tel_header */
.tel_header {
                font-family: 'ion';
                font-size: 1em;
                padding: 10px;
                padding-right: 0px;
                text-align: right;
            }

/* definesc clasa centru_header pt mesaj de pe mijlocul headerului */
.centru_header {
                font-family: 'ion';
                font-size: 1.5em;
                padding: 10px;
                border: 2px solid #003399;
                display: inline-block;
                text-align: center;
                color: white;
                background-color: #6495ED;
            }
/* introduc un font special si le folosesc in titluri*/
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "ion";
  src: url("fonts/MYRIADI.eot"); /* IE9 Compat Modes */
  src: url("fonts/MYRIADI.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/MYRIADI.otf") format("opentype"), /* Open Type Font */
    url("fonts/MYRIADI.svg") format("svg"), /* Legacy iOS */
    url("fonts/MYRIADI.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/MYRIADI.woff") format("woff"), /* Modern Browsers */
    url("fonts/MYRIADI.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

h1 {color:#003399; font-size: 2.5em; font-family: ion, arial, verdana; text-align: center;
}
            
/* nu vreau sa se schimbe culorile sau subliniat la link si le coloram albastru */
a:link {
  text-decoration: none;
  color:#003399;
}


/*	Media queries	*/
@media (max-width: 1280px){
	header{
		padding: 0px 20px;
	}
	body {
	    padding: 0 0%;
	}
}

@media (max-width: 800px){
	header > div{
		margin: 0px 0px;
	}
/* luam ca decizie sa scoatem div din centru*/
	.header-center {
	display: none;
	}
}

@media (max-width: 600px){
	header{
		/* Reverse the axis of the header, making it vertical. */
		flex-direction: column;
		/* Align items to the begining (the left) of the header. */
		align-items: flex-start;
	}
	header > div{
		margin: 0px 0px;
	}
	.header-center ul li{
		margin: 0 0px 0 0;
	}
}

@media (max-width: 600px){
	body {
	    padding: 0 0 0px;
	}
/* liniile 3 de mai jos centreaza imaginea in divul header-left */
	.header-left{
	margin-top: 0;
	margin-left: auto;
    margin-right: auto;	
}
	header {
	    padding: 0px 10px;
	    }
	header > header-left >img{
	  width: 75% !important;
	  }
	    	    
/* luam ca decizie sa scoatem div din dreapta*/
	.header-right {
	display: none;
	}
}