@import url("../fonts/icons/methia_icons.css");

@font-face {
	font-family: 'Neutraface Slab Dis GR';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Light.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Neutraface Slab Dis GR Medi';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Medi.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Medi.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Neutraface Slab Dis GR';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Bold.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Neutraface Slab Dis GR Sten';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Sten.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Sten.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Neutraface Slab Dis GR';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Thin.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Neutraface Slab Dis GR Titl';
	src: url('../fonts/neutralface/NeutrafaceSlabDisGR-Titl.woff2') format('woff2'),
		url('../fonts/neutralface/NeutrafaceSlabDisGR-Titl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-LightItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-ExtraBoldItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-ExtraBoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Regular.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std Extrathin';
	src: url('../fonts/averta/AvertaStd-ExtrathinItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-ExtrathinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Light.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std Extrathin';
	src: url('../fonts/averta/AvertaStd-Extrathin.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Extrathin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-RegularItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-RegularItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-SemiboldItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-SemiboldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Semibold.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-BlackItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-ThinItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-BoldItalic.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Thin.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-ExtraBold.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Bold.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Averta Std';
	src: url('../fonts/averta/AvertaStd-Black.woff2') format('woff2'),
		url('../fonts/averta/AvertaStd-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


* {
    font-family:sans-serif;
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
    margin:0;
    overflow:hidden !important;
    min-width:999999px;
    min-height:999999px;
    
}
.sections {
    position:relative;
    /* top:50%; */
    /* left:50%; */
    /* transform:translate(-50%,-50%); */
    width:100%;
    height:100%;
    min-width:999999px;
    min-height:999999px;
    overflow:visible !important;
    background: url('../images/background.jpg');
}
.section {
    width:100vw;
    height:100vh;
    background: url('../images/background.jpg');
    position:absolute;
}
.section .scene {
    width:100%;
    height:100%;
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
}

.section#home {
    left: 50% !important;
    top: 50% !important;
}

#logo {
    position: fixed;
    left: 5%;
    top: 50px;
    width: 250px;
    z-index: 500;
}

#logo > * {
    width: 100%;
    height: 100%;
}

.social-icons {
	display: flex;
	position: fixed;
	right:5%;
	top:50px;
	width:auto;
	z-index: 500;
	font-size: 1.6rem;
}
.social-icons a {
	text-decoration: none !important;
	margin-left: 20px;
	color: #8a6921;
	border-radius: 50px;
	/* border: 1px solid #8a6921; */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	transition: all 0.15s;
	position: relative;
}
.social-icons a i {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .4s;
	font-size: 25px;
}
.social-icons a::after {
	position: absolute;
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #8a6921;
	transition: .4s;
}
.social-icons a:hover:after {
	transform: rotateY(180deg);
	border: 1px solid black;
}
.social-icons a:hover i {
	color: black;
	transform: scale(0.9);
}
.social-icons a.noanimation {
	transform: scale(1)	!important;
}
.social-icons a.noanimation::after {
	display: none;
}

* {
	font-family: "Neutraface Slab Dis GR Medi";
}

.title h1 {
	font-family: "Neutraface Slab Dis GR";
	font-weight: 300;
	font-size: 3.5rem;
	line-height: 3.5rem;
}
.alt-font,
.alt-font * {
	font-family: 'Averta Std';
}

.nav-icons {
	position: fixed;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	justify-content: space-between;
	font-size: 3rem;
	pointer-events: none;
}
    
.nav-icons i {
	cursor:pointer;
}
.nav-icons > div {
	opacity: 1;
	pointer-events: all;
	transform:scale(1.0);
	transition: all 0.45s;
}
.nav-icons .nav-prev {
	display: none;
}
.nav-icons .nav-next {
	margin-left: auto;
	margin-right: 10px;
	cursor: pointer;
	animation-name: rightArrowAnimation;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-timing-function: linear;
}
@keyframes rightArrowAnimation {
	50% { opacity: 0; }
}
.nav-icons > .disabled {
	/* opacity: 0; */
	transform:scale(0);
	pointer-events: none;
}

/* slides  */
#home .title {
	left: -15% !important;
	top: 5% !important;
	z-index: 50;
}
#home .element-birds {
	left: 14% !important;
	top: 68% !important;
}
#home .element-clouds {
	left: 35% !important;
	top: 23% !important;
}
#home .logo-big-slide {
	left: 50% !important;
	top: 25% !important;
	width: 500px;
}
 #home .element-island  {
	left: 40% !important;
	top: 20% !important;
	width: 500px;
}


#xarths .title {
	max-width: 400px;
	font-size: 1.2rem;
	left: -20% !important;
	top: 0% !important;
	line-height: 1.6;
}
#xarths .element-greece {
	left: 44% !important;
	top: 12% !important;
}

#xarths .element-greece {
	left: 44% !important;
	top: 12% !important;
}
    
#xarths .element-lndm1 {
	left: 64% !important;
	top: 64% !important;
}
#xarths .element-lndm2 {
	left: 55% !important;
	top: 15% !important;
}
#xarths .element-lndm3 {
	left: 63% !important;
	top: 20% !important;
}
#xarths .element-lndm4 {
	left: 52% !important;
	top: 59% !important;
}

#xarths .element-lines {
	left: 57% !important;
	top: 24% !important;
}



#authentiki-apolafsi .title {
	/* max-width: 400px; */
	max-width: 25%!important;
    margin-left: -10%;
	font-size: 25px;
	left: -20% !important;
	top: 0% !important;
	line-height: 1.5;
}
#authentiki-apolafsi .element-birds {
	left: 86% !important;
	top: 20% !important;
}
#authentiki-apolafsi .element-clouds {
	left: 49% !important;
	top: 28% !important;
}
#authentiki-apolafsi .element-lightpole {
	left: 46% !important;
	top: 56% !important;
}
#authentiki-apolafsi .element-lightline {
	left: 46% !important;
	top: 75.5% !important;
}
#authentiki-apolafsi .element-beer-paleale {
	left: 52% !important;
	top: 19% !important;
}
#authentiki-apolafsi .element-beer-blondale {
	left: 62% !important;
	top: 27% !important;
}
#authentiki-apolafsi .element-beer-indianpaleale {
	left: 72% !important;
	top: 19% !important;
}

.lightpole-and-line {
	position: absolute	!important;
	top: 56%	!important;
	left: 46%	!important;
}
#authentiki-apolafsi .element-lightline,
#authentiki-apolafsi .element-lightpole {
	position: relative;
	top: unset	!important;
	left: unset	!important;
}
#authentiki-apolafsi .element-lightpole {
	top: 3px	!important;
}


#proto-taksidi .title {
	max-width: 450px;
	line-height: 1.5;
	overflow: visible;
	left: 9% !important;
	top: 0% !important;
	font-size: 1.3em;
}
#proto-taksidi h1.neutra-big-title {
	color: #7CBBCD;
	font-weight: 300;
	font-family: 'Neutraface Slab Dis GR';
	font-size: 3rem;
	margin: 0;
}
#proto-taksidi h2 span {
	font-family: 'Neutraface Slab Dis GR';
}
#proto-taksidi h2 strong {
	font-family: 'Neutraface Slab Dis GR';
}
#proto-taksidi .title h2 {
	font-weight: 400;
	display: flex;
	flex-direction: column;
	margin: 0;
	/* margin-bottom: 120px; */
	margin-bottom: 40px;
    margin-top: 40px;
}
#proto-taksidi .element-birds {
    /* left: 85% !important; */
    top: 20% !important;
}

#proto-taksidi .element-clouds {
    /* left: 86% !important; */
    top: 35% !important;
	width: 7%;
}
#proto-taksidi .element-ship {
	left: 52% !important;
	top: 7% !important;
}
    
#proto-taksidi .element-tower-chania {
	/* left: 12% !important;
	top: 46% !important; */
}
    
#proto-taksidi .element-tower-xalkidiki {
	/* left: 72% !important; */
	/* top: 52% !important; */
	/* transform: scale(0.6) !important; */
}
#proto-taksidi .element-beer-paleale {
	left: 28% !important;
	top: 26% !important;
	transform: scale(1.5) !important;
}
#proto-taksidi .element-sun {
	left: 15% !important;
	top: 11% !important;
}

#deutero-taksidi .title {
	max-width: 450px;
	line-height: 1.5;
	overflow: visible;
	left: 9% !important;
	top: 0% !important;
	font-size: 1.3em;
}
#deutero-taksidi h1.neutra-big-title {
	color: #A9ACC3;
	font-weight: 300;
	font-family: 'Neutraface Slab Dis GR';
	font-size: 3rem;
	margin: 0;
}
#deutero-taksidi h2 span {
	font-family: 'Neutraface Slab Dis GR';
}
#deutero-taksidi h2 strong {
	font-family: 'Neutraface Slab Dis GR';
}
#deutero-taksidi .title h2 {
	font-weight: 400;
	display: flex;
	flex-direction: column;
	margin: 0;
	/* margin-bottom: 120px; */
	margin-bottom: 40px;
    margin-top: 40px;
}
#deutero-taksidi .element-birds {
    /* left: 85% !important; */
    top: 20% !important;
}

#deutero-taksidi .element-clouds {
    /* left: 72% !important; */
    top: 35% !important;
}
#deutero-taksidi .element-ship {
	/* left: 52% !important; */
	top: 11% !important;
}
    
#deutero-taksidi .element-tower-xalkidiki {
	/* left: 3% !important;
	top: 52% !important; */
}
    
#deutero-taksidi .element-kithira {
	/* left: 61% !important; */
	/* top: 52% !important; */
	/* transform: scale(0.7) !important; */
}
#deutero-taksidi .element-beer-paleale {
	left: 28% !important;
	top: 26% !important;
	transform: scale(1.5) !important;
}
#deutero-taksidi .element-sun {
	left: 12% !important;
	top: 8% !important;
	width: 28%!important;
}
#deutero-taksidi .element-sun img {
	transform: scale(0.7);
}

#trito-taksidi .title {
	max-width: 450px;
	line-height: 1.5;
	overflow: visible;
	left: 9% !important;
	top: 0% !important;
	font-size: 1.3em;
}
#trito-taksidi h1.neutra-big-title {
	color: #AFB69A;
	font-weight: 300;
	font-family: 'Neutraface Slab Dis GR';
	font-size: 3rem;
	margin: 0;
}
#trito-taksidi h2 span {
	font-family: 'Neutraface Slab Dis GR';
}
#trito-taksidi h2 strong {
	font-family: 'Neutraface Slab Dis GR';
}
#trito-taksidi .title h2 {
	font-weight: 400;
	display: flex;
	flex-direction: column;
	margin: 0;
	/* margin-bottom: 120px; */
	margin-bottom: 40px;
    margin-top: 40px;
}
#trito-taksidi .element-birds {
    /* left: 85% !important; */
    top: 20% !important;
}

#trito-taksidi .element-clouds {
    /* left: 72% !important; */
    top: 35% !important;
}
#trito-taksidi .element-ship {
	left: 52% !important;
	top: 9% !important;
}
    
#trito-taksidi .element-kithira {
	/* left: 3% !important; */
	/* top: 52% !important; */
}
    
#trito-taksidi .element-thessaloniki {
	/* left: 69% !important; */
	/* top: 52% !important; */
	/* transform: scale(0.7) !important; */
}
#trito-taksidi .element-beer-paleale {
	left: 28% !important;
	top: 26% !important;
	transform: scale(1.5) !important;
}
#trito-taksidi .element-sun {
	left: 15% !important;
	top: 11% !important;
}

	/* .sections .title {
		max-width: 26%	!important;
	} */
.sections .element-sun img,
.sections .element-birds img,
.sections div:not(.contact-info) .element-clouds img {
	width: 100%;
}
.sections div:not(.contact-info) .element-clouds,
.sections .element-birds {
	width: 7%;
}
.sections div:not(.contact-info) .element-clouds {
	left: 86%!important;
}
.sections .contact-info .element-clouds {
	width: unset	!important;
}
.sections .element-birds {
	left: 78%!important;
}
.sections .left-graphic,
.sections .right-graphic {
	/* width: 100%; */
	width: 30%;
	top: unset!important;
    bottom: 13%!important;
}
.sections .left-graphic img,
.sections .right-graphic img {
	width: 100%;
}
.sections .left-graphic {
	right: unset!important;
	left: 60px!important;
}
.sections .right-graphic {
	left: unset!important;
	right: 60px!important;
}

.sections #proto-taksidi .left-graphic.element-tower-chania {
	width: 16%;
    left: 140px!important;
}

.right-graphic.element-tower-xalkidiki img {
	transform: rotateY(180deg);
}
.right-graphic.element-thessaloniki {
	width: 20%;
}
.left-graphic.element-tower-xalkidiki {
	width: 25%;
	left: 120px!important;
}

#epikoinonia .contact-wrapper, .contact .contact-wrapper {
	display: flex !important;
	justify-content: space-between;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2rem;
}

#epikoinonia .image img, .contact .image img {
    /* width: 100%; */
	/* width: auto; */
	max-width: 100%;
	/* max-height: 100%; */
	height: auto!important;
}
#epikoinonia .contact-wrapper>*, .contact .contact-wrapper>* {
	width: 100%;
	max-width: 50%;
}
#epikoinonia .neutra-big-title, .contact .neutra-big-title {
	font-family: 'Neutraface Slab Dis GR';
	font-weight: 400;
	font-size: 3.5rem;
	margin-bottom: 70px;
    margin-top: 0;
}
#epikoinonia form, .contact form {
	width: 100%;
	display: flex;
	flex-direction: column;
	/* flex-wrap: wrap; */
	align-items: flex-start;
}
#epikoinonia form > div,
.contact form > div {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 30px;
}
#epikoinonia form input[type="email"], .contact form input[type="email"] {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 2px solid black;
	border-radius: 0;
	padding: 5px;
	font-size: 1.3rem;
}
#epikoinonia form input[type="submit"], .contact form input[type="submit"] {
	background: transparent;
	border: 2px solid #b1810e;
	border-radius: 50px;
	margin-top: 15px;
	font-size: 1.5rem;
	font-family: 'Averta Std';
	height: fit-content;
}
#epikoinonia .data-policy-wrapper, .contact .data-policy-wrapper {
	display: flex;
	justify-content: flex-end;
	margin-top: 15px;
}
#epikoinonia .data-policy-wrapper .data-policy, .contact .data-policy-wrapper .data-policy {
	/* max-width: 350px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: justify;
}
#epikoinonia .data-policy-wrapper .data-policy a, .contact .data-policy-wrapper .data-policy a {
	/* border: 2px solid #b1810e; */
	/* border-radius: 50px; */
	text-align: center;
	font-size: 12px;
	color: black;
	text-decoration: none;
	padding: 4px;
	margin-top: 30px;
	transition: 0.12s;
	width: fit-content;
    padding-left: 0;
}
#epikoinonia .data-policy a::before {
    content: "";
    background: black;
    height: 1px;
    width: 60%;
    display: block;
    margin-bottom:10px
}
#epikoinonia .contact-wrapper>*, .contact .contact-wrapper>* {
	width: 100%;
	max-width: 50%;
	padding: 50px;
}
#epikoinonia .title.alt-font {
	display: flex;
	flex-direction: column;
}
#epikoinonia .contact-info {
	position: relative;
}
#epikoinonia .contact-info .image, .contact .contact-info .image {
	position: relative;
	top: 10px;
	max-height: 60vh;
	margin: auto;
	width: fit-content;
}
#epikoinonia .contact-info .image-border, .contact .contact-info .image-border {
	width: 99%;
	z-index: 30;
	position: absolute;
	top: 0;
	left: 1%;
}
.epikoinonia-image-outline {
	position: absolute;
	width: calc(100% - 10px)!important;
	height: 102%!important;
	max-height: unset!important;
	left: 10px;
	top: -2px;
}
#epikoinonia .contact-text {
	margin-top:auto;
}
#epikoinonia .contact-text p, .contact .contact-text p {
	font-family: 'Averta Std';
	color: black;
	font-weight: 600;
	font-size: 1.2rem;
	margin-top: 30px;
	margin-bottom: 20px;
}

#epikoinonia .contact-links, .contact .contact-links {
	display: flex;
	flex-direction: column;
	font-weight: bold;
	color: black;
}
/* #epikoinonia .contact-links, .contact .contact-links a {
	font-size: 1.3em!important;
} */
#epikoinonia .contact-links>*, #epikoinonia  .contact-links>*:visited, #epikoinonia  .contact-links>*:active, .contact .contact-links>*, #epikoinonia  .contact-links>*:visited, #epikoinonia  .contact-links>*:active {
	color: black;
	font-family: 'Neutraface Slab Dis GR';
	text-decoration: none;
	margin-top: 10px;
	font-size: 30px;
}

#epikoinonia .contact-links>* i, .contact .contact-links>* i {
	margin-right: 10px;
}

#epikoinonia *, .contact * {
	pointer-events: all;
}
#epikoinonia .element-clouds, .contact .element-clouds {
	position: absolute;
	top: -2% !important;
	left: 20% !important;
	z-index: 50;
}
#epikoinonia input[type="submit"]:hover,#epikoinonia .title a:hover , .contact input[type="submit"]:hover,#epikoinonia .title a:hover  {
	background-color:#b1810e !important;
	color:White !important; 
}
#epikoinonia .title span.data-policy a:hover {
	background-color: transparent!important;
	font-weight: bold;
	color: black!important;
}
#epikoinonia .title .contact-links a:hover {
	background-color: transparent!important;
	color: black!important;
}
#epikoinonia,#epikoinonia input, #epikoinonia a, .contact #epikoinonia input, #epikoinonia a {
	pointer-events: all;
	transition: all 0.15s;
}

@media (min-width: 1240px) and (max-width: 1520px) {
	#proto-taksidi div[class*="element-beer-"],
	#deutero-taksidi div[class*="element-beer-"],
	#trito-taksidi div[class*="element-beer-"] {
		transform: scale(1)!important;
		top: 36%!important;
	}
	.title.alt-font h2 {
		margin-top: 20px	!important;
		margin-bottom: 20px	!important;
	}
	.title.alt-font h2 br {
		display: none;
	}
}

.mobile {
	display:none;
	min-height: 100vh;
	max-height: 100vh;
	
	width:100vw;
	overflow-y:auto;
}
.m-content {
	min-height: 1700px;
	background:url("../images/background.jpg");
	background-repeat: repeat;
	/* background-color:#F559; */
	padding:20px 0;
	font-size:2em;
	padding-top: 210px;
	padding-bottom: 64px;
}
.m-content .taksidi > h1,
.m-content .taksidi > h2 span,
.m-content .taksidi > h2 strong,
.m-content .taksidi img,
.m-content .taksidi > p,
.m-content .opacity-none,
.mobile-main-title,
.m-content .logo-big,
.logo-description {
	opacity: 0;
	transition: 1s;
}
@media screen and (max-width:1240px) {
	.m-content .contact-links {
		margin-top: 13%	!important;
	}
	.m-content .contact .contact-links * {
		font-size: 24px	!important;
	}
	body {
		min-width: unset;
	}
	.nav-icons {
		display:none;
	}
	.sections {
		display:none;
	}
	.mobile {
		display:block;
		overflow-x:hidden;
	}
	#logo {
		width: 130px;
	}
	#logo img {
		width: 100%;
	}
	.social-icons {
		font-size: 1rem;
		top: 55px;
		right: 30px;
	    }
	    
	    .social-icons a {
		margin-left: 20px;
		width: 40px;
		height: 40px;
	    }
	#epikoinonia .image {
		max-height: unset!important;
	}
	#epikoinonia form > div, .contact form > div {
		flex-direction: column;
	}
	.m-content .contact .data-policy-wrapper .data-policy {
		max-width: 100%!important;
	}
	.social-icons {
		display: flex;
		justify-content: flex-end;
		right: 5%;
		gap: 10px;
	}
	.social-icons a {
		transform: scale(0.8);
		margin-left: 0;
	}
	#epikoinonia .data-policy-wrapper .data-policy a,
	.contact .data-policy-wrapper .data-policy a {
		text-align: left;
	}
	#epikoinonia .contact-info .image,
	.contact .contact-info .image {
		max-height: unset;
	}
	.m-content .contact .data-policy-wrapper .data-policy a::before {
		content: "";
		background: black;
		height: 1px;
		width: 60%;
		display: block;
		margin-bottom: 10px;
	}
	.m-content .contact .neutra-big-title {
		text-align: left;
		margin: 0;
	}
}
.m-content > div > img {
	width:100%;
}
.m-content > div > p{
	font-size:21pt;
}
.m-content .title h1 {
	font-size: 4rem;
	width: fit-content;
	margin: 0 auto;
}

.m-content .logo-big img {
	width: 100%;
	margin-top: 60px;
}
.m-content .padded {
	padding:0 20px;
}
.mt-100 {
	margin-top:100px;
}
.mt-150 {
	margin-top:150px;
}
.m-content .taksidi h1.neutra-big-title {
	text-align: left;
	margin: 0;
	font-size: 6.3rem;
	line-height: 0.9;
}

.m-content .taksidi.alt-font h2 {
	font-family: 'NEUTRAFACE SLAB DIS GR' !important;
}
.m-content .taksidi.alt-font h2 {
	font-size: 2.4rem;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	margin-bottom: 0;
}
.m-content .taksidi.alt-font h2 * {
	font-family: 'Neutraface Slab Dis GR';
}
.m-content .taksidi.alt-font h2 span {
	font-weight: 400;
}


.m-content .proto h1.neutra-big-title {
	color: #8ABACB;
}
.m-content .deutero h1.neutra-big-title {
	color: #A9ACC3;
}
.m-content .trito h1.neutra-big-title {
	color: #AFB69A;
}
.m-content .proto.taksidi {
	margin-top: -400px;
}
.m-content .deutero.taksidi {
	margin-top: -430px;
}
.m-content .trito.taksidi {
	margin-top: -470px;
}
img.centered-nr {
	margin:0 auto;
	width:auto;
}
.m-content img.centered-nr {
	width: 100%;
}

.m-content .l2 {
	margin-top: -120px;
}
.m-content .l3 {
	margin-top: -20px;
}
.double-padded {
	padding: 0 60px;
}

@media screen and (max-width:580px) {
	.m-content .title h1 {
		font-size: 3rem;
	}
	.m-content .proto.taksidi {
		margin-top: -460px;
	}
	.m-content .deutero.taksidi {
		margin-top: -490px;
	}
	.m-content .trito.taksidi {
		margin-top: -450px;
	}
	.m-content .taksidi h1.neutra-big-title {
		font-size: 5.5rem;
	}
}
@media screen and (max-width: 500px) {
	.m-content .taksidi h1.neutra-big-title {
		font-size: 4rem;
	}
	.m-content .proto.taksidi {
		margin-top: -380px;
	}
	.m-content .deutero.taksidi {
		margin-top: -490px;
	}
	.m-content .trito.taksidi {
		margin-top: -530px;
	}
}
.m-content .contact .contact-wrapper {
	flex-direction: column;
	max-width: 100%;
	padding: 0;
    }
    
.m-content .contact .contact-wrapper>* {
	max-width: 100%;
	padding: 0;
}
.m-content .contact form input[type="email"] {
	font-size: 2rem;
	padding: 10px 0;
	margin: 20px 0;
}
    
.m-content .contact form input[type="submit"] {
	padding: 10px 60px;
	font-size: 1em;
	cursor: pointer;
}

.m-content .contact .data-policy-wrapper {
	justify-content: flex-start;
	font-size: 0.7em;
	line-height: 1.2;
}
    
.m-content .contact .data-policy-wrapper .data-policy {
	max-width: 80%;
}
.m-content .contact .data-policy-wrapper .data-policy a {
	font-size: 0.85em;
	padding: 4px 0;
	font-weight: bold;
}
.m-content .contact .element-clouds {
	position: absolute;
	width: 120px;
	top: -50px !important;
	left: 55px !important;
}
.m-content .contact .contact-info .image {
	margin-top: 110px;
}
.m-content .contact {
	margin-top: 200px;
}
.m-content .contact .contact-text * {
	font-size: 1.5rem;
	line-height: 1.6;
}
.m-content .contact .contact-text * {
	font-size: 1.5rem;
	line-height: 1.6;
}
    
.m-content .contact .contact-links * {
	font-size: 1.7em;
	line-height: 1;
}
    
.m-content .contact .contact-links i {
	font-size: 0.6em !important;
}
.m-content .footer-social {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 160px 0 70px 0;
}
.m-content #epikoinonia .image, .m-content .contact .image,
.m-content #epikoinonia .image img, .m-content .contact .image img {
	max-width: 100%;
}

@media (max-width: 1520px) {
	.m-content #epikoinonia .image, .m-content .contact .image,
	.m-content #epikoinonia .image img, .m-content .contact .image img {
		max-width: 100%;
	}	
}

.m-content .footer-social a {
	color: #8b6b24;
	border: 1px solid #8b6b24;
	border-radius: 210px;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
	margin: 0 15px;
}
    
.m-content .footer-social a i, .footer-social a i:before {
	margin: 0;
}
    
.m-content .footer-social:before, .footer-social:after {
	width: 130px;
	content: "";
	background: #777;
	height: 2px;
	margin: 0 30px;
}
@media screen and (max-width:450px) {
	.m-content .taksidi.alt-font h2 {
		font-size: 1.75rem;
	}
	.m-content .contact .contact-text * {
		font-size: 1.1rem;
	}
	.m-content > div > p {
		font-size: 16pt;
		line-height: 1.3;
	}
	.m-content .taksidi h1.neutra-big-title {
		font-size: 3.4rem;
		margin-top: 100px;
	}
	.m-content .contact .contact-wrapper .title h1 {
		font-size: 1.9rem;
	}
	.double-padded {
		padding: 0 30px;
	}
	.m-content .contact .data-policy-wrapper {
		font-size: 0.6em;
	}
	#first_line_mobile {
		margin-top: -70px !important;
	}
}
@media screen and (max-width:370px) {
	.m-content .trito.taksidi {
		margin-top: -420px;
	}
	.m-content .proto.taksidi {
		margin-top: -310px;
	}
	.m-content .deutero.taksidi {
		margin-top: -330px;
	}
	
	.m-content .taksidi.alt-font h2 {
		font-size: 1.55rem;
	}
	.m-content .contact .contact-text * {
		font-size: 1.3rem;
	}
	.m-content > div > p {
		font-size: 16pt;
		line-height: 1.3;
	}
	.m-content .taksidi h1.neutra-big-title {
		font-size: 2.6rem;
		margin-top: 70px;
	}
	.m-content .title h1 {
		font-size: 2rem;
	}
}


/* beer badges */
.beer-badges {
	position: absolute;
    top: 20%;
    right: 0;
    display: flex;
    flex-direction: column;
}
.beer-badges img {
	max-width: 80px;
}
.beer-badges img:not(:first-child) {
	margin-top: 5px;
}


/* espa banner */
.espa-banner {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2000;
	max-width: 100%;
	height: 52px;
}
.espa-banner img {
	height: 100%;
}