@font-face {
    font-family: DINP-black;
    src: url("../font/DINPro-Black_0.otf") ;
}

@font-face {
    font-family: DINPro-Regular;
    src: url("../font/DINPro-Regular.otf");
}


body{
    font-family: DINPro-Regular;
}

header{
	background: #ffffff;
	text-align: center;
}

.main-container{
	max-width: 1000px;
  margin: 130px auto;

}

#content{
    background: #f2f2f2;
    text-align: center;
    padding:80px 0;
    margin-top: -55px;
}

#content h1 {
	font-size: 56px;
	color:#3f4c5c;
	font-family: DINPro-Regular;
	margin-top: 0;

}

.link{
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
  padding: 10px 20px 14px;
  min-width: 185px;
  display: inline-block;
  margin: 0 5px;
  background: #231f20;
  border-radius: 27px;
}

/* .link.bul{
	background: #50c181;
}

.link.gr{
	background: #1dc1dd;
}

.link.ro{
	background: #f1d244;
} */

.logo{
	padding:100px 0 0 0;
}

@media screen and (max-width: 1024px) {
	.main-container{
		margin:0;
		width: 100%;
	}
}


@media screen and (max-width: 768px) {
	#content h1{
      margin-top:55px;
      font-size: 32px;
      display: inline-block;
	    padding-bottom: 20px;
	}

	#content .link{
		margin: 14px auto;
	  float: none;
	  display: block;
	  width: 180px;
	}
}


@media screen and (max-width: 767px) {
  #content {
      margin-top:-55px;
      padding: 40px;
      margin-left: 15px;
      margin-right: 15px
  }
}

@media screen and (min-width: 480px) {
	#footer {
		display: flex;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 50px;
		background-color: #231f20;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		font-family: DINPro-Regular;

	}
	
	#footer_content_1, #footer_content_2 {
		color: white;
	}
	
	#footer_content_2 {
		position: absolute;
		right: 5%;
		display: flex;
		flex-direction: column;
		font-size:14px;
	}
}

@media screen and (max-width: 479px) {
	#footer {
		display: flex;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 50px;
		background-color: #231f20;
		align-items: center;
		justify-content: space-evenly;
		font-size: 16px;
		font-family: DINPro-Regular;
		padding: 0 5px;

	}
	
	#footer_content_1, #footer_content_2 {
		color: white;
		padding: 0 25px;
	}
	
	#footer_content_2 {
		font-size:14px;
	}
}