html{}


header { width: 100%; margin: 0 auto; padding: 0px; position: relative; }
.logo {  width: 100%; /* width="605.969" height="434.979" */ align-self: center; margin: 10px;  }
.office {
background: url(../img/office-ardephwerk.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0 ; padding: 0px;
	
}
.office-yellow {
background: url(../img/office-yellow.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0 ; padding: 0px;
	
}
.homebg {
background: url(../img/fork-art.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0 ; padding: 0px;
	min-height: 600px;
}
.hometxts { margin: 10px 0 10px 0; }
.hometxts span {padding: 15px; }
.hometxts  h1 { font-size: 4em; margin-bottom: 5px; text-transform: uppercase; }
.hometxts  h2 { font-family: Arial; font-size: 3em;  margin: 0; letter-spacing: .02em; line-height: 1.2em;}
.homespaceing {margin: 10px; text-align: center;}

/* .................................................................................
*/

.container { width: 100%; max-width: 1000px; margin:0px auto; }
.extraspace{ padding: 15px 0 15px 0 !important ;   }
.spacingcontainer { margin: 15px 0 15px; }
.wrapper { width: 100%; margin:0px;  padding: 0;}

/* .......................................................................................
FLEX BOX 
.......................................................................................*/
.flexbox-row li, .flexbox-col li, .breadcrumbs {  list-style: none; list-style-type: none;}

.breadcrumbs li { padding: 0 10px 0 0; font-size: 75%; }

.breadcrumbs li a { color: #767676; text-decoration: none;} 



 .flexbox-row, .flexbox-col, .breadcrumbs {flex: 1 100%;}
/* We rely on source order for mobile-first approach
 * in this case:
 * 1. header
 * 2. nav
 * 3. main
 * 4. aside
 * 5. footer
 */

.flex-top, .breadcrumbs {/*Move flex items to the align to the top*/
 -webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-align-items: flex-start;
   align-items: flex-start;
}

.flex-align, .breadcrumbs { /*center: items are centered in the cross-axis*/
	-webkit-align-items: center;
  -moz-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
   align-items: center; }


.flex-left, .breadcrumbs {/*flex-start (default): items are packed toward the start line ( left ) */
	-webkit-justify-content: flex-start ;
  -moz-justify-content: flex-start ;
	  -o-justify-content: flex-start ;
	  -ms-justify-content: flex-start ;
   justify-content: flex-start ;  }

.flex-center { /* center */
   -webkit-justify-content: center;
  -moz-justify-content: center;
	  -o-justify-content: center;
	  -ms-justify-content: center;
   justify-content: center; }


 .flexbox-row,  .breadcrumbs /* FLEXBOX ROW */  { padding: 0; 
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: -ms-box;
  display: -ms-flexbox;
 display: -webkit-flexbox;
display: -o-flexbox;
 display: -ms-flexbox;
  display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: -ms-flex;
  display: flex;
/*Put in a row
 -webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
   flex-direction: row;*/

/* To wrap */
	 flex-wrap: wrap;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
flex-direction:	row ;
-webkit-flex-direction:	row ;
-moz-flex-direction:row ;
	 
     /*  -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
   flex-flow: row wrap; */
}
 .flexbox-col /* FLEXBOX column */ { padding: 0;
display: -webkit-box;display: -moz-box;
display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex;display: flex;
   
 /* To wrap */
flex-wrap: wrap;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
flex-direction:	column ;
-webkit-flex-direction:	column ;
-moz-flex-direction:column ;
      /* -webkit-flex-flow: column wrap;
      -moz-flex-flow: column wrap;
   flex-flow: column wrap; */
}

/* .......................................................................................
END FLEX BOX 
.......................................................................................*/




/*
.new-wrapper span {
		background-color: Black;
		color:white;
		font-size: 12px;
		position:absolute;
		bottom:0px;
		left:0px;
		padding-left:10px;
		padding: 10px;
		-moz-opacity:.80;
		filter:alpha(opacity=80);
		opacity:.80;
		width:180px;
		display: block;
}

.new-wrapper {
float:left;
position:relative;
width: 180px;
overflow:hidden;
	 max-height: 350px;   width: 349px;
http://wplift.com/how-add-text-featured-images-different-scenarios 
}
*/
.blog-post { margin: 10px 0 10px 0; padding: 0; }

.bg-article {position:relative; max-height: 350px;   width: 100%; overflow: hidden;
background-size: cover;background-position: center;
-webkit-filter: grayscale(0.9);
}

@-moz-document url-prefix() {

  .bg-article {position:relative; max-height: 350px;   width: 310px; overflow: hidden;
background-size: cover;background-position: center;
-webkit-filter: grayscale(0.9);
}
}

.blog-title {width: 100%; left: 0;  top: 150px;  position: absolute; z-index: 9; text-align: left; font-family: 'Lato', sans-serif; margin: 0 0 0 10px; padding: 10px; text-transform: uppercase;  }

.blog-date  { padding: 10px 0 0px 8px; font-size: .75em;   letter-spacing: .08em; word-spacing: .007em; font-weight: 100; font-variant: normal; }

.blog-date a { color: white; text-decoration: none; }
.blog-title h4 {  font-weight: 300;  letter-spacing: .07em; word-spacing: .007em;  margin: 0 10px 0 10px; border-bottom: 2px dotted #ffED00;   }

.blog-title h4 a { color: white; text-decoration: none;}
.blog-title h4 a:hover { color: white; text-decoration: none; background: #65A299;}

.button-blog a	
	{padding: 10px; margin:10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #d01071; text-decoration: none; color:#d01071; }	

.button-blog a:hover 	
	{padding: 10px; margin:10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #d01071; background: #d01071; color:white; text-decoration: none; }

.button-home { margin: 40px 30px;}
.button-home a	
{padding: 10px; margin:30px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #ffED00; text-decoration: none; color:#ffED00; align-content: center; }	

.button-home a:hover 	
	{padding: 10px; margin:10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #d01071; background: #d01071; color:white; text-decoration: none; }

/* .......................................................................................
Wordpress blogpost
.......................................................................................*/
 .content { background: white;  }
/* Start blog post */
 .entry-post, .entry-page, .entry-page2  { background-color: white; padding: 10px 10px 15px 10px; width: 100%; margin-bottom: 15px;   }

/* blog post textes */
.entry-content p {  text-align: left; letter-spacing: 0.010em; margin: 10px 0 15px 0;
word-spacing: 0.052em;   word-wrap: normal;
line-height: 1.4; }

.entry-content a {color:#d01071; text-decoration: none;}
.entry-content a:hover {color:#d01071; text-decoration: underline;}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child {
	margin-top: 0; padding-top: 0;
}

/* Remove annoying border on linked images. */
img a  {border-width:0; border: none;}
img a:hover { border: none; text-decoration: none; background:none !important; }

/* ............................ Images */
.entry-content img, 
.comment-content img,
.widget img,.wp-caption a img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}

.entry-content ul, .entry-content ul li { list-style: square; list-style-type: square;color: #004a26 }

.entry-content ol, .entry-content ol li { list-style-type: decimal;}



.homebg, .attachment-post-thumbnail, .wp-post-image, .post-thumbnail, img[class="size-full"],img[class="attachment-"], img[class="alignnone"],img[class="wp-post-image"], img[class="wp-image"], div[class="wp-caption"], div[class="alignnone"]  {
height: auto; width: 100% /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, .attachment-post-thumbnail, .wp-post-image,{
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
 	

/**
 * 6.3 Entry Meta blog posts
 * -----------------------------------------------------------------------------
 */
.entry-meta h1 a /* Top blog post styles */ { color: #004a26;
	margin-top: 0; padding-top: 10px;
}
.entry-meta /* #A9A39B #767676 cata Top blog post styles */ {
	color: #9A9B9C;
	font-size: 75.0%; /*12px	0.750em	75.0% */ font-weight: bold;
	line-height: 1.3333333333;
	text-transform: uppercase; margin-bottom: 20px;
}

.entry-meta a {
	color: #9A9B9C ; text-decoration: none; 
}

.entry-meta a:hover {
	color: #41a62a; text-decoration: none;
}


/* Tag links style */

.tag-links a {
	background-color: #767676;
	border-radius: 0 2px 2px 0;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2727272727;
	margin: 2px 4px 2px 10px;
	padding: 3px 7px;
	position: relative;
	text-transform: uppercase;
}

.tag-links a:hover {
	background-color: #41a62a;
	color: #fff;
}
.tag-links a:before {
	border-top: 10px solid transparent;
	border-right: 8px solid #767676;
	border-bottom: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
}

.tag-links a:hover:before {
	border-right-color: #41a62a;
}

 .tag-links a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 8px;
	left: -2px;
	width: 4px;
}
/**
 * Author
 * -----------------------------------------------------------------------------
 */
.author {border: 2px dotted #95C11F ; margin: 50px 0 24px 0;}

.author, .author p { 	color:#672263;font-size: .90em;
line-height: 1.8rem;
	}
.author a { color:#95C11F; }

/**
 * 6.7 Post/ Navigation
 * -----------------------------------------------------------------------------
 */
.post-navigation a  {
 }
 .previous-image p, .next-image p {

}

.post-navigation  a:hover 	
	{ }

/**
 * Work with me page ==>
 * -----------------------------------------------------------------------------
 */

.servicepage, .servicepageimg { width: 100%; padding: 10px; text-align: center; margin: 5px;}

.brand
	{padding: 15px; margin:5px 0 10px 0; border: 3px dotted #009984;   }

.webdev {padding: 15px; margin:5px 0 10px 0; border: 3px dotted #65A299;   }

 .button-brand a	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #009984; text-decoration: none; color:#009984; }	
.button-brand a:hover 	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #009984; background: #009984; color:white; text-decoration: none; }

 .button-brandop a	
{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #009984; background: #009984; color:white; text-decoration: none; }
		
.button-brandop a:hover 	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #009984; text-decoration: none; color:#009984; background: white; color:#009984; }

.button-events a	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #d3c22d; text-decoration: none; color:#d3c22d; }	
.button-events a:hover 	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #d3c22d; background: #d3c22d; color:white; text-decoration: none; }
.button-webdev a	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #65A299; text-decoration: none; color:#65A299; }	
.button-webdev a:hover 	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #65A299; background: #65A299; color:white; text-decoration: none; }

.button-webdevop a	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #65A299; background: #65A299; color:white; text-decoration: none; }
	
.button-webdevop a:hover 	
	{padding: 10px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px dotted #65A299; background: white; text-decoration: none; color:#65A299; }	
/* .......................................................................................
SIDE BAR
.......................................................................................*/
.sidebar{width: 100%; padding: 10px;   }  
.side-agence h3, .side-news h3 { font-size: 150%; margin: 0px; text-transform: uppercase;}
.side-agence { margin: 10px 0 10px 0; }
	
.side-about, .side-don {margin: 10px 0 10px 0; }
.side-about img {width: 85%; margin: 5px 0 5px 15px; align-items: center; align-content: center; }

.sidelogo img a, .side-about img a { text-decoration: none; color: none;  }
.sidelogo img a:hover, .side-about img a:hover { text-decoration: none; color: none; }

.side-about a { color: purple;text-decoration: underline; }
.side-about a:hover { text-decoration:none; background: purple; color: white;}
.side-about p, .side-agence p { margin: 0px 0 5px 15px; font-size: 75%; padding: 5px; }

.side-don { border: 2px dotted #00A19A ; padding: 5px; }
.side-don ul  {margin: 0; padding: 0;  align-content: center; text-align: center;   }
.side-don li  {padding: 5px 0 5px 0;    }
.side-don p {  font-size: 90%; padding: 5px; }
.side-don img { width: 50% /* width="100px" height="100px"  kiva width="100px" height="59.333px" GG width="100px" height="55.25px" */ }

/* wordpress categories */
 /*li.categories { ... }   outermost list item */

.archives{border: 2px dotted #847573 ;  margin: 0px 0 10px 0; padding: 0;}
.archives h3 {color:#847573; text-align:  center; padding: 5px;  }
.writingabout {border: 2px dotted #d01071 ; padding: 5px; margin: 10px 0 10px 0; }
.writingabout h3 {color: #d01071; text-align:  center;}

.mysites {border: 2px dotted #95C11F ; padding: 5px; margin: 10px 0 10px 0; }
.mysites a { text-decoration: none;}
.mysites h3 {color: #95C11F; text-align:  center;}
.cat-item li{ font-size: 100%; align-content: center; vertical-align:middle; margin: 0; }

.cat-item a { text-decoration: none; color:darkgreen; padding: 5px;  }
.cat-item a:hover {padding: 5px; color: beige; background: #d01071; }

/* li.cat-item-7 { ... }   category ID #7, etc 
 li.current-cat { ... }
 li.current-cat-parent { ... }
 ul.children { ... } */

.side-news { padding: 15px; }
 .mc-field-group input, .button{ width: 90% ; height: 30px; margin: 5px; padding: 5px; list-style: none; list-style-type: none;}
 .mc-field-group form {list-style: none; list-style-type: none;}
.indicates-required, .asterisk {font-size: 80%;}
/* .......................................................................................
FOOTER
.......................................................................................*/ 

footer { background: #009984 url(../img/bg-footer.png) no-repeat  bottom center;  padding:  0; width: 100%; margin:  0 ; bottom: 0;   }
 .footer-logo { margin: 1em auto; width: 100%; 
}
.footer-clients li { margin: 5px; }
.footer-client {padding: 10px; text-align: center;}

.footer-contact ul{   margin: 0 15px 0 0; padding: 0;}
.footer-contact li { margin: 0 ; padding: 10px; line-height: 1rem; font-size: 130%; text-align: center; font-family: 'Lato', sans-serif; font-weight: 900;  }
.footer-contact a { text-decoration: none; color: #ffED00;}
.footer-contact a:hover { color: white;}

.footer-nav ul {margin: 0; padding: 0;  }
.footer-nav li{ font-size: 80%; font-weight: 500; padding: 10px; background: #d01071; color: white; text-align: center; text-transform: uppercase; margin: 10px;   width: 135px;letter-spacing: 0.010em;  
}
.fservices {padding: 15px 0 15px 0;}
.footer-service ul { margin: 5px;}
.footer-service li { padding: 15px 5px 5px 10px ; text-align: center; font-size: 85%; width:  240px; /* 240 / 1000 */ min-height: 300px; }

.footer-nav li a { text-decoration: none; color: white;}
.footer-nav li a:hover {color: #672263;}

.fservice {font-size: 160%; text-transform: uppercase;padding: 5px; line-height: 1em;   }
.fservice-icons img /* width="150px" height="150px"*/ {   }


.footer-genericons li {   font-family: 'Genericons'; text-align: center; padding: 5px;  color: #004a26; margin: 0;  }
.footer-genericons li a { color: #004a26; text-decoration: none; }
.facbook:before {content: '\f204';  font-size: 1.5em; }
.youtube:before {content: '\f213'; font-size: 1.5em; }
.google:before {content: '\f218';  font-size: 1.5em; }
.linkedin:before {content: '\f208'; font-size: 1.5em; }
.events:before {content: '\f204';  font-size: 1.5em;}
.skype:before {content: '\f220';  font-size: 1.5em; }
.twitter:before {content: '\f202';  font-size: 1.5em;}
.viadeo:before {content: '\f202';  font-size: 1.5em;}


/****************
advanced comment styles
****************/
 
h3#comments,.comment-navigation,.comment-navigation:after,.respond:after,.comment-rss{display:block} 

ol.commentlist{width:100% ;} 

.commentlist li {list-style: none; list-style-image: none;}

h3#comments,.respond h3{text-align:left;padding:5px 0 0 5px;} 

ol.commentlist,li.authorcomment,li.comment,.respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#847573;} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 

.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{border: 2px solid #672263;} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#672263} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:100px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#E62F42;text-decoration:none;color:#672263;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:100px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px dotted #E62F42;} 


.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 


.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 

form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:100%;}

input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:2px dotted #E62F42 !important}

p.subscribe-to-comments a { color: #E62F42;}
p.subscribe-to-comments,.comment-rss{min-height:32px; padding:10px;} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 

 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;}


/* Comment + Contact .... Form
-------------------------------------------------------------------*/
/* remember to define focus styles! */
.wpcf7footer { margin:5px 15px; padding:0; }
.wpcf7, .textwidget { margin:0; padding:0; }
.wpcf7-f75-o1 {width: 100%;  height:auto; margin: 0 ; padding:0; font: 1em; }

.wpcf7-text, .wpcf7-form-control {padding: 2px;width: 100%; height: 25px; border: 1px solid #ccc;}

.contact-area textarea, .wpcf7-textarea {
height: 80px; margin:0; padding: 2px;width: 100%; font-size:1em; border: 1px solid #ccc;
}
.wpcf7-form-control-wrap, .wpcf7-radio, .wpcf7-checkbox, .wpcf7-exclusive-checkbox {border:none;}
.contact-area textarea:focus, .contact-area input:focus {border: 1px solid #e4685d; outline: 0;}

 input.wpcf7-submit {width: 83.68200836820083%; min-height: 50px; text-transform:uppercase;
	background-color:#00A19A;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-family: "Finger Paint", sans-serif;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:2em;
	padding:6px 15px;
	text-decoration:none;

}

.input.wpcf7-submit a:hover  {
	background-color:#95C11F;
}
.input.wpcf7-submit a:active {
	position:relative;
	top:1px;
}

/* .......................................................................................
MEDIA QUERIES min-width: 767px
.......................................................................................*/ 

 @media  (min-width: 800px) { 
	 
.logo {  margin: 1em auto; width: 40%; /* width="605.969" height="434.979" */
}
.homeservices { max-width: 640px; padding: 10px; margin: 10px;}
	 
.homeservices2 { max-width: 480px; padding: 10px; margin: 10px;}
	 
.servicepage { width: 540px; padding: 10px; text-align: left;}
.servicepageimg { width: 445px; padding: 0;  margin: 0;}	 
.sidelogo {  margin: 1em auto; width: 40%; /* width="605.969" height="434.979" */
}
.homebg p, .homebg h1, .homebg h3 , .homebg h2, .homebg h4 {
max-width: 480px;
} 
	
.homespaceing {margin: 10px 0; text-align: left;}
	 /**
 * 6.7 Post/ Navigation
 * -----------------------------------------------------------------------------
 */
.post-navigation a  {
padding: 10px; margin:10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #672263; text-decoration: none; color:#672263; }


 .previous-image p, .next-image p {
margin: 40px 40px 60px 40px;
}

.post-navigation  a:hover 	
	{padding: 10px; margin:10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #ffed00; background: #ffed00; color:#672263; text-decoration: none; }
 
/* .......................................................................................
Wordpress blogpost
.......................................................................................*/     
 .content { width: 100%; max-width: 580px;  padding: 30px; }
 .post-thumbnail {   padding: 0;   display: block;    position: relative; width: 675px; /* 67.5%; /* 675px / 1000 */ z-index: 0; overflow: hidden; }
 .page-thumbnail {width: 100%; z-index: 0; position: relative; overflow: hidden; min-height: 65px; }
	 
.post-thumbnail img {  width: 100%; min-height: 500px;
 }
 
 .entry-post { background-color: white; padding: 0;position: relative;   top: -100px; margin: 0 auto; padding: 30px;
 max-width: 580px; /* 550 / 1000 */
 z-index: 1; 
}
	  .entry-page { background-color: white; padding: 0;position: relative;   top: -55px; margin: 0 auto; padding: 30px; max-width: 1000px; /* 550 / 1000 */
 z-index: 1; 
}


.entry-content ul { margin: 5px 0 5px 20px;}
	 
	 
.sidebar{  max-width: 305px; padding: 0; margin-left: 20px;  }    
.bg-article {position:relative; max-height: 350px;   width: 310px; overflow: hidden;
background-size: cover;
background-position: center;
-webkit-filter: grayscale(0.9);
}
.blog-post { margin: 10px 15px 10px 5px; }
.blog-title {width: 300px;  }
	 

 .footer-logo { margin: 1em auto; width: 60%; 
}
 .footer-nav li{ font-size: 80%; padding: 10px; background: none; color: white; width: 120px; }
	 
	 .footer-nav li a { text-decoration: none; color: white;}
.footer-nav li a:hover {color: #ffed00;}
 .footer-service li { margin: 0 10px 15px 0; }

form#commentform textarea{width:442px;} 
	 
/* END MEDIA Q */	 
}