/* INITS
############### */
body {
	padding-top: 50px;
	/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "Roboto Mono", monospace;
	font-weight: 300;
	font-size: 15px;
	line-height: 23px;
	position: relative; /* needed - because we use bootstrap scrollSpy to make Links active if anchor is in view */
}

.container { max-width: 1120px; padding-left: 20px; padding-right: 20px; }
.lead { font-size: 1.31em; line-height: 1.44em; }

/* LAYOUT & GENERAL 
######################### */

	a:link {}
		a:visited {}
		a:hover {}
		a:focus {}
	
	a.link_download_image_link { opacity: 1.0; -webkit-opacity: 1.0; box-shadow: 0px 0px 10px #3c3c3c; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
	a.link_download_image_link img {  }
		a.link_download_image_link:hover { opacity: 0.8; -webkit-opacity: 0.8; }
	
	a.link_social_image_link { opacity: 1.0; -webkit-opacity: 1.0;  text-decoration: none; }
		a.link_social_image_link:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		a.link_social_image_link img { max-width: 60px; }
		
	a.link_account_link { display: block; background: #dd4803; color: #ffffff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 1.5em; text-align: center; padding: 20px 20px 20px 20px; }
	a.link_account_link:hover { background: #4177d1; color: #ffffff; }
		a.link_account_create_link {  }
			a.link_account_create_link:hover { }
		
	a.link_official { color: #9c9c9c; font-weight: 400; text-transform: uppercase; font-size: 0.9em; }
		a.link_official.act { color: #dd4803; }
		
	/* some font type adjustments as easy usable class for headlines or paragraphs if needed*/
	.sans-serif { font-family: "Roboto Mono", monospace !important; }
	.serif { font-family: "Barlow", sans-serif !important; }
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.font-weight_200 { font-weight: 200 !important; }
	.font-weight_300 { font-weight: 300 !important; }
	.font-weight_400 { font-weight: 400 !important; }
	.font-weight_500 { font-weight: 500 !important; }
	.font-weight_600 { font-weight: 600 !important; }
	.font-weight_700 { font-weight: 700 !important; }
	.font-weight_800 { font-weight: 800 !important; }
	.font-size_increase_1 { font-size: 1.15em; }
	.font-size_increase_2 { font-size: 1.27em; }
	
	/* some colour multistyles as easy usable classes for boxes to be used if needed*/
	.background-container { padding-top: 40px; padding-bottom: 40px; }
	.background-container_gfx_1, .background_gfx_1 { background: url(http://www.marendrewes.com/wp-content/uploads/2015/07/maren-home.jpg) no-repeat center center /cover #ffffff; color: #ffffff !important; }
	.background-container_skyblue, .background_skyblue { background: #3A5BAF !important; color: #ffffff !important; }
	.background-container_cleanwhite, .background_cleanwhite { background: #ffffff !important; color: #333333 !important; }
	.background-container_summerorange, .background_summerorange { background: #dd4803; color: #ffffff !important; }
	.background-container_lightgrey, .background_lightgrey { background: #d2d2d2 !important; color: #9c9c9c !important; }
	.background-container_anthrazit, .background_anthrazit { background: #333333; color: #fcfcfc !important; }
	
	.background-container_olive, .background_olive {
		background: #B7CA93; color: #fcfcfc !important;
	}
	
	
	/* some colour multistyles as easy usable classes for type to be used if needed*/
	.colour_summerorange { color: #dd4803 !important; }
	.colour_cleanwhite { color: #ffffff !important; }
	.colour_skyblue { color: #3A5BAF !important; }
	.colour_lightgrey { color: #d2d2d2 !important; }
	.colour_anthrazit { color: #333333 !important; }
	
	h1, h2, h3, h4, h5 { font-family: "Barlow", sans-serif; word-wrap: break-word; }
		h1.sans-serif, h2.sans-serif, h3.sans-serif, h4.sans-serif { font-family: "Roboto Mono", monospace; }
		h1 { font-size: 4.0em; margin-bottom: 20px; }
			h1.big { font-size: 5.4em; letter-spacing: 1px; }
		h2 { font-size: 3.0em; margin-bottom: 20px; }
		h3 { font-size: 2.4em; margin-bottom: 20px; }
		h4 { font-size: 2.0em; margin-bottom: 20px; }
		h5 { font-size: 1.3em; margin-top: 20px; margin-bottom: 20px; }
		
	.slogan { line-height: 1.5em; font-size: 2.3em; }
	
	img { max-width: 100%; }
	
	p.copyright { font-size: 1.0em; color: #acacac; floar: right; text-align: right; }
	
	header {}
	
	.socialbar { position: relative; width: 100%;  }
		.socialbar-item { width: 60px; height: 60px; margin-right: 10px; display: block; float: right; }
			img.socialbar-item_image { opacity: 1.0; -webkit-opacity: 1.0; max-width: 100%; width: 100%; }
			.socialbar-item_link {}
			.socialbar-item_link:hover {}
			.socialbar-item_link:hover img.socialbar-item_image { opacity: 0.9; -webkit-opacity: 0.9; } 
			
		.socialbar-item svg, .socialbar-item .svg  { fill: #ffffff; }
	
	
	.testimonials_header {}
		.testimonials_header_headline { text-align: left; }
		.testimonials_header_socials { margin-top: 10px; text-align: center; }
		
	footer { margin-top: 0px; padding: 40px; background: #222222;  color: #fcfcfc; }
		footer a { color: #dcdcdc; }
			footer a:hover { color: #ffffff;  text-decoration: none; }
	
/* COMPONENTS
####################################### */

	/** Carousel // default
	--------------------- */
		.carousel {}
			.carousel .item { min-height: 300px; }
				.carousel .item .carousel-caption { color: #333333; font-size: 1.3em; text-shadow: none; width: 100%; left: 0; right: 0; top: 10%; bottom: none; }
				.carousel .item img.carousel-item-bg { width: 100%; }
				.carousel .item img.testimonial_pic { margin-bottom: 10px; }
			.carousel .item.active {}
			
			.carousel .carousel-indicators {}
				.carousel .carousel-indicators li { border: 2px solid #dcdcdc; width: 20px; height: 20px; }
					.carousel .carousel-indicators li.active { background-color: #3A5BAF; }
			 .carousel .carousel-control { z-index: 899; display: none; background: none; }
			 .carousel:hover .carousel-control { display: block; }
			 .carousel .carousel-control .glyphicon,
			 .carousel .carousel-control:focus .glyphicon { font-size: 3em; margin-top: -20px; opacity: 0.8;  -webkit-opacity: 0.8; }
			 .carousel .carousel-control:hover .glyphicon { font-size: 3em; margin-top: -20px; opacity: 1.0; -webkit-opacity: 1.0;  }
			 
	/** Collapse // default
	--------------------- */

	/** Grids // default
	--------------------- */

	/** Well // default
	--------------------- */	
		.well {}
		
	
/* CONTENT // ARTICLES // FLOATING TEXT
####################################### */

	p {}
	hr {}

/* NAVS & MENUES
######################### */
	
	nav.navbar-fixed-top { margin-bottom: 0px;  background: rgba(255,255,255,0.95); border: none; }
	nav.navbar-fixed-top a { color: #020202; } 
	nav.navbar-fixed-top ul { float: right; }
	nav.navbar-fixed-top li.active { background: #f0f0f0; } 
	nav.navbar-fixed-top .navbar-toggle .icon-bar { background: #000000; }

/* FORMS & INPUTS
######################## */

/* CUSTOM COMPONENTS & ELEMENTS
################################# */





/* RESPONSIVENESS 
################################# */

@media (max-width: 1199px) {
	
	/* carousel 
	-------------*/
	
		.carousel .item {  min-height: 550px; }
}
@media (max-width: 1023px) {
	

		
	/* carousel 
	-------------*/
	.carousel {}
		.carousel .carousel-indicators {}
			.carousel .carousel-indicators li { border: 2px solid #dcdcdc; width: 30px; height: 30px; }
		.carousel .carousel-control { height:260px; } /* make it more on top*/
			
	
}
@media (max-width: 767px) {

	body { font-size: 15px; }
	
	nav.navbar-fixed-top { margin-bottom: 0px; -webkit-opacity: 1.0; opacity: 1.0; }

	h1 { font-size: 3.4em; margin-bottom: 20px; }
			h1.big { font-size: 4.4em; }
	h2 { font-size: 2.6em; margin-bottom: 20px; }
	h3 { font-size: 2.0em; margin-bottom: 20px; }
	h4 { font-size: 1.6em; margin-bottom: 20px; }
	
	.testimonials_header {}
		.testimonials_header_headline { text-align: center; }
		.testimonials_header_socials { margin-top: 10px; text-align: center; }
		
	
	/* carousel 
	-------------*/
		.carousel .item .carousel-caption p { text-align: center !important; }
		
		
}
@media (max-width: 639px) {
	
	/* carousel 
	-------------*/
		
		
}
@media (max-width: 559px) {
	
	/* carousel 
	-------------*/
	
		
}
@media (max-width: 479px) {
	
	h1.big { font-size: 3.4em; }
	.slogan { font-size: 1.7em; }
	
	/* carousel 
	-------------*/
		.carousel .item .carousel-caption { font-size: 1em; line-height: 1.3em; }
			.carousel .item .carousel-caption p { text-align: center !important; } 
}