@font-face {
  font-family: "IBM MONO REGULAR";
  src: url(webfont/IBM-400.woff2);
}
@font-face {
  font-family: "IBM MONO REGULAR";
  src: url(webfont/IBM-200.woff2);
}
@font-face {
  font-family: "IBM MONO REGULAR";
  src: url(webfont/IBM-600.woff2);
}
@font-face {
  font-family: "IBM MONO REGULAR";
  src: url(webfont/IBM700.woff2);
}

body{
	font-family: "IBM MONO REGULAR";
	background-color: white;
	
}

a,
a:visited  {

	color:rgb(0, 0, 0);
	text-decoration: none;
}

/* STRUCTURE*/
.site-header {
	background-color: rgb(54, 226, 143);
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 1rem;
	position: sticky;
	top: O;
	z-index: 800;
}
.site-main{
	
	padding: 1rem;
	text-align: left;
}
.site-footer {
	background-color: black;
	color: white;
	padding: 1rem;
	text-align: left;
	/*font-size: 0.6rem;*/
}
/* HEADER */

p.site-title {
	font-size: 3rem;
	
	margin: 0;
	float: left;
	display: inline;
}
.site-title a {
	color:rgb(255, 0, 0);
}

.site-branding {
	
}	

p.site-description {
	
	background-color: rgb(255, 42, 0);
	margin: 0;
	display: inline;
	
	
}
/* NAVIGATION */

.main-navigation{
	width: auto;
}
.main-navigation ul {
	display: flex;
	}

.main-navigation li{
	margin-right: 1rem;
}
.main-navigation li a:hover {
	color: red;
	display: inline-block;
	padding: 0.5em 1em;
	transition: all 0.3s ease-in-out;
}

.menu-toggle {
	background-color: transparent;
	background: url(images/burger-on.svg) no-repeat center center transparent;
	width: 50px;
	height: 50px;
	text-indent: -5000px;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

.toggled .menu-toggle {
	background-image: url(images/croix-off.svg);
	position: fixed;
}

.main-navigation.toggled ul {
	background-color:rgb(9, 255, 0);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 900;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: left;
	padding: 1rem;
}

.main-navigation.toggled ul li{
	margin: 0rem;
	padding: 0;
}

.main-navigation.toggled ul li a {
	font-size: 1.2rem;
	color:black;
}

/*HOMEPAGE*/
.home .entry-header {
	display: none;
}

/*TYPOGRAPHY*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "IBM MONO REGULAR";
	text-transform: uppercase;
	
}

/* ARCHIVES */
.works-grid {
	
	display: flex;
	background-color: yellow;
	padding: 4rem;
}

.works-grid article {
	width: 30%;
	
	margin-bottom: 2rem;
}
.site-title a{
	display: block;
	width: 70px;
	height: 70px;
	background: url(images/logo-grosraffut.svg) no-repeat center center;
	background-size: contain;
	text-indent: -5000px;
}

/* FORM*/
input {
	max-width: 100%;
}

/*RESPONSIVE*/
@media (min-width: 990px) { 
	/*TABLETTE*/

	
	.works-grid article {
	width: 50%;
	}
}
@media (min-width: 600px) {

	

	.works-grid article {
	width: 100%;
	}
}