html
{

font-family:'Open Sans:300','Open Sans', verdana;
font-size:0.9em;
}


body
{
background:#FFFFFF;
	
}




.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.display-flex > [class*='itemdiapo'] {
  display: flex;
  flex-direction: column;
}



.logo
{
width:165px;
}



header.carousel
{
/* width:%; */
margin:auto;
    margin-bottom: 20px;
	
}


#page
{
background:#FFFFFF; 
color:#525252;
padding:20px;


}


/* #page a 
{
color:#525252;
}*/



#page .blogpost a 

{
	

}


.navbar
{

background:#FFFFFF; 

color:#525252;
margin:auto;



}

.navbar-inverse .navbar-nav>li>a
{
color:#525252;
}



.navbar a
{
color:#525252;

	
	font-weight: 200;
}



.dropdown-menu>li>a

{
	
		font-weight: 200;
	
}



.dropdown-menu>li>a:hover

{
	
		font-weight: 400;
	
}



ul.nav a:hover { 

color:#525252 !important;

/* color: #f94f00!important; */ 

	
	font-weight: 400;
}



#header
{
background:#FFFFFF; 
color:#525252;
margin:auto;

}

#header a
{
color:#525252;
}




#footer
{
background:#FFFFFF; 
color:#525252;
/* width:0%; */

margin:auto;
 padding-bottom: 30px;
padding-top: 0px; 
}


#footer a
{
color:#525252;
}

#menu
{
background:#FFFFFF; 
color:#525252;
}

#menu a
{
color:#525252;
}




.dropdown-menu
{
background:#FFFFFF; 
color:#525252;
border-radius:0px;
border:0px;
}

.dropdown-menu a
{
color:#525252;
}


.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
{
color:#525252;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
color:#525252;
background:#FFFFFF; 
}




.edit
{

color:white;
}

.edit a
{
color:white;
}


.logo
{
width:165px;
}


.pagecontact {
width:95%;
margin: auto;
margin-top:50px !important;
margin-bottom:30px !important;
}

	

@media screen and (min-width: 768px) {

.navbar-nav {

  margin-top: 0;
  margin-left: 100;
}

.nav>li>a
{
	padding-right:0px;
	padding-left:30px;
}



.pagecontact, .mentions #page {
width:75%;
margin: auto;
margin-bottom:30px !important;
}

.landscape
{
	width:50%;
	padding:5px;
}

#page, .container
{
	width:95% !important;
	
}


.flex-container  

{
	display: flex;
  flex-wrap: wrap;
}


.portrait
{
	width:25%;
	padding:5px;
}

.projectname
{
	height:20px;
 }
 
 .itemdiapo img
 
 {

        object-fit: cover;
		height: 100%;
width: 100%;

		
}
 
.portrait-33
{
	width:33%;
	padding:5px;
}


.navbar-static-top
{
float:right;	
}
  
#page .col-lg-12
  {
	  padding-left:0px;
	  padding-right:0px;
  }
}



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

.itemdiapo 
{
	margin-bottom: 10px;
}

.navbar-static-top
{
float:left;	
}

.menuheader
{
	padding-bottom:15px;
}

}