/* DOMAIN: fennogens.lu */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300&family=Playfair+Display:wght@100,500;900&display=swap');

/*
green: #085835
*/

body																									{ background:#FFF; color: #333; font-family:'Archivo',sans-serif; font-size:16px; line-height:1.4em; }
textarea																							{ font-size:14px; }

h1, h2, h3																						{ font-family:'Playfair Display',serif; line-height:1.3em; letter-spacing:0.025em; margin:2em auto 1em; }
h1																										{ color: #085835; font-size:2.4em; font-weight:100; }
h2																										{ color: #777; font-size:1.8em; }
h3																										{ color: #085835; font-size:1.5em; }

h1:first-child,
h2:first-child,
h3:first-child																				{ margin-top:0; }

a, a:active, a:focus																	{ color:#085835; text-decoration:none; }
a:hover																								{ color:#085835; text-decoration:none; }
#navbar a.act, .content a.act													{ border-bottom:1px dotted; color:#777 !important; }

img.pull-left																					{ margin:2px 15px 15px 0; }
img.pull-right																				{ margin:2px 0 15px 15px; }


/* NAVIGATION */
.navbar-default																				{ background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; }
.navbar-default .navbar-nav > li > a									{ color:#085835; font-family:'Playfair Display',serif; font-size:18px; text-shadow:none; }
.navbar-default .navbar-nav > li > a:hover						{ color:#085835; }


/* CONTENT */
.content .textblock																		{ }

.content .c2 .textblock p															{ text-align:justify; }
.content img																					{ max-width:100%; }
.content .form																				{ }
.content .gmap																				{ height:400px; }

.about-nav																					{ background:#FBFBFB; text-align:center; padding-top:2em; }
.about-nav ul																				{ color:#777; display:inline-block; margin:0; padding:0; text-align:left; }


/* FORM */
.content .form .req label:after												{ color:red; content:" *"; }
.content .form input.email														{ display:none; }


/* FOOTER */
footer .container																			{ font-size:12px; padding:2em 0; text-align:center; }


@media (max-width: 767px){
	header																							{ display:none; }
	.textblock.title																		{ padding-top:25px; }
	.textblock.title h1																	{ font-size:1.6em; margin-bottom:0.5em; padding-right:55px; }
	.navbar-header																			{ position:absolute; right:15px; top:15px; }
	.navbar-brand																				{ padding:8px 15px; }
	.navbar-brand .logo																	{ float:left; margin-right:10px; }
	.navbar-brand span																	{ font-size:16px; line-height:32px; }
	.content img																				{ width:100%; }
	.content .img_parent																{ border-top:30px #FBFBFB solid; border-bottom:30px #EEE solid; display:block; height:65vw; overflow:hidden; position:relative; }
	.content .img_parent img														{ position:absolute; top:-5%; }

	.content .container .c1:before											{ background:#085835; content:""; display:block; height:1px; }


}

@media (min-width: 768px){
	header .logo, .navbar-brand 												{ display:none; }
	header																							{ height:120px; }
	.navbar-default																			{ margin:0; }
	.navbar-nav																					{ left:50%; margin:0; position:absolute; top:-83px; }
	
	.textblock.title																		{ left:0; padding-right:15px; position:absolute; right:50%; text-align:center; top:-90px; }
	.textblock.title h1																	{ font-size:1.6em; padding-top:13px; }
	
	.img_parent:before																	{ background:#FBFBFB; content:""; display:block; height:30px; }
	body[class^="about-us"] .img_parent:before					{ height:30px; }
	.img_parent:after																		{ background:#EEE; content:""; display:block; height:30px; }

	.content .container																	{ border-top: 1px solid #085835; padding:0; }
	.content img																				{ width:100%; }
	.content .c2 .textblock															{ padding:2em 0 3em; }
}

@media (min-width: 992px){
	.textblock.title																		{ padding-right:50px; right:0; }
	.textblock.title h1																	{ font-size:2em; padding-top:6px; }

	.content .row																				{ align-items:center; display:flex; }
	.content .c1																					{ padding-right:50px; }

	.img_parent:before, .img_parent:after								{ height:80px; }
}

@media (min-width: 1200px){

}