@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');

/* general*/
body{
  font-family:EB Garamond;
  font-size:12px;
  color: #FFF;
  line-height:1.4;
  font-family: 'EB Garamond', serif;
  background: #dcdcdc;
}

.font-s{
	font-size:10px;
}

a, a:link, a:visited, a:hover, a:active{
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #CCC;
	text-decoration: none;
	opacity:0.7;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}


#Container{
	margin: 0;
	padding: 0;
	overflow:hidden;
}


#mainContent{
	max-width:2500px;
	margin: 0;
	padding:0;
	overflow:hidden;
}

li{
	list-style-type:none;
}

/* navigation*/
nav{
	position: fixed;
	width: auto;
	margin-top: 220px;
	margin-left: 0px;
}

nav li{
	list-style-type:none;
}

.ib{
	display: inline-block;
	width: auto;
	vertical-align: top;
}

.margin-l{
	margin-left: -2em;
}

.margin-b li{
	margin-bottom: 5em;
}


/* colum*/
.colum-02-layout li,{
	float:left;
}


/* works artworks */

<!--
.artworks ul.colum-02-layout{
  padding:0 0.8%;
}

.artworks ul.colum-02-layout li{
  width:47.6%;
  margin-right: 4.8%;
  margin-bottom: 4.8%;
  float:left;
}


.artworks ul.colum-02-layout li img{
  width:100%;
}
-->

.artworks ul.colum-02-layout--large-format,
.works ul.colum-02-layout--large-format{
  margin: 10% 5% 0 0;
  padding:0;
}

.artworks ul.colum-02-layout--large-format li,
.works ul.colum-02-layout--large-format li{
  width:80%;
  margin-right:0.6%;
  margin-bottom:0.6%;
  float:right;
}

.artworks ul.colum-02-layout--large-format li img,
.works ul.colum-02-layout--large-format li img{
  width:100%;
}

/* clients */
.clients ul.colum-04-layout{
  padding:0 auto;
}

.c-data{
  max-width:684px;
  width:auto;
  margin:180px auto;
}