@font-face {
  font-family: forma-djr-display-greek;
  src: url("./FormaDJRDisplayGreek-Regular.ttf");
  font-weight: regular;
}


h1,h2,h3,h4,h5,h6,p,span
{
	font-family:"forma-djr-display-greek";
	letter-spacing: 1px;
}
.title
{
	font-family: "forma-djr-display-greek";
}

.t-bold
{
	font-weight: bold;
}

h1
{
	font-size: 4.2rem;
}
h5
{
	font-size: 1rem;
}
.header .logo
{
	width: 100%;
    max-width: 200px;
}
.sec-1 .s_container
{
	background-image: url(../images/colored_bg.jpg);
    min-height: 480px;
    align-content: center;
    background-size: 150%;
    background-position: 50% 50%;

    transition: 1s background-position;
}

.sec-2 .s_container
{
	background-image: url(../images/dark_bg.jpg);
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: repeat-y;

    transition: 1s background-position;
}
.t-white
{
	color: white;
}
.logo_movement .img
{
    transition: 2s left,2s top;

	width: 50%;
    max-width: 200px;
	position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-25%, -25%);
}
.logo_movement
{
	position: relative;
	height: 100%;
}

.place-content-center
{
	place-content: center;
}
.place-content-end
{
	place-content: end;
}


.pos-relative
{
	position: relative;
}
.text-align-left
{
	text-align: left;
}

.text-align-justify
{
	text-align: justify;
}

.hr-vert{
	    background: white;
    height: 2px;
}
.hr-vert-black{
	    background: black;
    height: 2px;
}


@media only screen and (max-width: 600px) {

	.sec-1 .s_container
	{
		background-image: url(../images/colored_bg.jpg);
	    min-height: 550px;
	    align-content: center;
	    background-size: cover;
	    background-position: 50% 50%;

	    transition: 1s background-position;
	}


}