@font-face {
  font-family: league;
  src: url(../fonts/league.ttf);
}
@font-face {
  font-family: oswald;
  src: url(../fonts/oswald.ttf);
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
	width:90%;
	margin-left: 5%;
	margin-right: 5%;
}
/* Style the header */
.header {
	float: left;
  padding: 0px;
	background-color: white;
	width:100%;
	height: auto;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	border-bottom:3px solid rgba(23,199,235,1);
	border-top:7px solid rgba(23,199,235,1);
	z-index:100;
}

h1 img{z-index:1;
	border-top:7px solid rgba(23,199,235,1);
	border-bottom:7px solid rgba(23,199,235,1);
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
	.rapid_left{
		width:30%;
		float: left;
	}
	.rapid_right{
		float: right;
		height:50px;
		width:60%;
	}
.facebook {
	position:relative;
	float:left;
	width:24px;
	height:46px;
	background:url(../img/icons.png) -5px -63px;
	background-size: 700px 350px;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	text-align: left;
}
a.facebook:hover {
	background-position:-5px -112px;
}
.twitter {
	position:relative;
	float:left;
	width:35px;
	height:38px;
	background:url(../img/icons.png) -40px -63px;
	background-size: 700px 350px;
	margin-right:0px;
	margin-left:5px;
	margin-top:2px;
	text-align: left;
}
a.twitter:hover {
	background-position:-40px -112px;
}
.insta {
	position:relative;
	float:left;
	width:37px;
	height:46px;
	background:url(../img/icons.png) -85px -63px;
	background-size: 700px 350px;
	margin-right:0px;
	margin-left:2px;
	margin-top:2px;
	text-align: left;
}
a.insta:hover {
	background-position:-85px -112px;
}
.telefon {
	width:44px;
	height:40px;
	background:url(../img/icons.png) -130px -63px;
	background-size: 700px 350px;
	margin-right:0px;
	margin-left:2px;
	margin-top:2px;
	text-align: left;
	float: right;
}
.locatie {
	width:44px;
	height:40px;
	background:url(../img/icons.png) -180px -63px;
	background-size: 700px 350px;
	margin-right:0px;
	margin-left:8px;
	margin-top:2px;
	text-align: left;
	float: right;
}
	.telefon_text{
		font-family: league;
		font-size: 14pt;
		color: rgba(23,199,235,1);
		text-align: right;
		margin-top:15px;
	float: right;
	}
	.locatie_text{
		font-family: league;
		font-size: 14pt;
		color: rgba(23,199,235,1);
		margin-top:15px;
	float: right;
		
	}
.logo {
	position: relative;
	float: left;
	display: block;
	float: left;
	width:88px;
	height:87px;
	margin-top:0px;
	background:url(../img/icons.png) 0 0px;
	margin-right:0px;
	margin-left:-10px;
	margin-top:-20px;clear: left;
	z-index:2007
}
	.nume{
		font-family: league;
	font-size:34pt;
		width:31%;
  float: left;
		margin-top:10px;
		margin-left:0px;
		text-align: left;
	}

.column img{
  width: 100%;
  height: auto;
	margin-top:-30px;
	z-index:2;
}
.column h2{
	position: relative;
	margin-top:0px;
	font-family: oswald;
	font-size:18pt;
	text-align: center;
	height:36px;
	line-height:36px;
}
.column p{
	font-family: oswald;
	font-size:12pt;
	text-align: justify;
	width:96%;
	margin-left:2%;
	padding-left:2%;
	padding-right:2%;
	border:1px solid #ececec;
}
.citeste a{
	font-family: oswald;
	font-size: 12pt;
	color:white;
	background-color: rgba(23,199,235,1);
	padding:5px;
	float: right;
}
.citeste a:hover{
	color:black;
	text-decoration: none;
}
.column_2 {
  float: left;
	margin-top:40px;
  width: 50%;
  padding: 5px;
}
.column_2 img{
	width: 98%;
	height: auto;
	margin-left:1%;
}
.column_2 p{
	font-family: oswald;
	font-size:12pt;
	text-align: justify;
	width:96%;
	margin-left:2%;
	padding-left:2%;
	padding-right:2%;
	border:1px solid #ececec;
}
.column_2 h2{
	text-align: center;
	font-family: oswald;
	font-size:18pt;
	margin-top:10px;
}
.column_2 p{
	font-family: oswald;
	font-size:12pt;
	text-align: justify;
	margin-top:-10px;
}
.column_3{
	float: left;
  padding: 25px;
  background: url(../img/img_6.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
	width:100%;
	max-height: 406px;
	margin-top:50px;
}

.column_3 h2{
	text-align: left;
	font-family: oswald;
	font-size:18pt;
}
.column_3 p{
	width:60%;
	padding-top:0px;
	padding-left:10px;
	font-family: oswald;
	font-size:12pt;
	text-align: justify;
}
.durabilitate{
	height:200px;
	overflow:scroll;
}
.move_right{
	margin-left:50px;
}
.column_4{
	float: left;
	width:100%;
	margin-top:50px;
}
.column_4 img{
	width: 98%;
	margin-left:1%;
	
}
.column_4 h2{
	text-align: center;
	font-family: oswald;
	font-size:18pt;
}
.column_5{
	float:left;
	margin-top:10px;
	width:100%;
	height:10px;
	background-color: rgba(23,199,235,1);
}
.column_6{
	float: left;
	width:100%;
}
.column_6 p{
	text-align: center;
	font-family: oswald;
	font-size:14pt;
	margin-top:10px;
}
.column_10{
	float: left;
	width:100%;
}

.column_10 p{
	text-align: left;
	font-family: oswald;
	font-size:12pt;
	margin-top:10px;
	color:#333;
}
.column_10 h2,.column_11{
	text-align: left;
	font-family: oswald;
	font-size:16pt;
	font-weight: 600;
	margin-top:0px;
}
.column_11{
	text-align: left;
}
.topnav {
	float: right;
  background-color: #fff;
	font-family: oswald;
}

.topnav a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
	font-weight: 600;
}

.active {
  background-color: rgba(23,199,235,1);
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 18px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  color: #333;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.subiect {
	font-family: oswald;
	font-size: 18px;
	width:100%;
	border:solid thin #ececec;
	margin-top:5px;
	height:auto;
	padding-bottom:5px;
	overflow:hidden
}
.subiect:nth-of-type(even) {
	background-color:rgba(30, 144, 255, 0.02);
	line-height:50px
}
.subiect:hover {
	background-color:#fff;
	text-shadow:0 0 8px #fff;
}
.subiect:hover:nth-of-type(odd) {
	background-color:#fbfbfb
}
.subiect {
	counter-increment:section;
	line-height:50px
}
.subiect:before {
	content:counters(section,".") ". ";
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:3px;
	width:2%;
	background-color:rgba(30, 144, 255, 0.15);
	text-shadow:0 0 8px #666;
	box-shadow:1px 0 3px rgba(30, 144, 255, 0.55);
	text-align:center;
	z-index:10
}
.subiect_titlu {
	margin-top:5px;
	padding-bottom:0;
	border-right:1px dashed #ececec;
	width:80%;
	float:left;
	text-align: left;
	margin-left:.5%;
	margin-right:.5%;
	color:#666;
	text-shadow:0 0 18px #999;
	line-height:50px
}
.subiect_data {
	font-family: oswald;
	color:#666;
	border-right:1px dashed #ececec;
	float:left;
	width:7%;
	text-align:center;
	margin-top:5px;
	margin-left:.5%;
	margin-right:.5%;
	line-height:50px
}
.subiect_legatura {
	float:right;
	margin-top:4px;
	width:7.5%;
	text-align:center;
	border-right:1px dashed #ececec;
	margin-left:.5%;
	margin-right:.5%;
	line-height:50px
}
.subiect_legatura a {
	text-decoration:none;
	font-size:16px;
	background-color:#1e90ff;
	color:#000;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	text-align:center
}
.subiect_legatura a:hover {
	color:#000;
	background-color:#ffc360;
	text-shadow:0 0 8px #000
}
@media screen and (max-width: 1000px) {
	.topnav{
		float: left;
		width: 100%;
	}
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: left;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
  }
	.cont{
		float: left;
		position: relative;
		clear: left;
	}
	.durabilitate{
		height:150px;
	}
	.nume{
		width:80%;
	}
}

@media screen and (max-width: 800px) {
	.column,.column_2,.column_3{
		width:100%;
		padding-bottom: 50px;
	}
	
	.durabilitate{
		height:100px;
	}
		.rapid_left{
		width:30%;
	}
	.rapid_right{
		height:50px;
		width:70%;
	}
}

@media screen and (max-width: 800px) {
	.rapid_left{
		display:none;
	}
	.rapid_right{
		float: left;
		width:100%;
		
	}
	
@media screen and (max-width: 420px) {
	.nume{
		width:75%;
		font-size: 20pt;
	}
	.telefon,.locatie{
		display:none;
	}
	.telefon_text{
		width:100%;
	}
	.rapid_right{
		margin-bottom:50px;
	}
}
	@media screen and (max-width: 350px) {
			.nume{
		font-size: 18pt;
	}
	}