@font-face {
	font-family: "Isocpeur"; src: url("isocpeur.ttf") format("truetype")
}

html {
	overflow-y: scroll;
}

body {
  font-family: "Isocpeur";/*'Verdana';*/
  color: #222;
}

.main {
  width: 1000px;
  margin: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

.header {
  display: flex;
  height: 41px;
  margin-bottom: 14px;
}

.content {
	min-height: 500px;
}

.logolink {
	text-decoration:none;
}

.logo {
  justify-content: left;
  align-items: center;
  width: 300px;
  height: 100%;
  text-transform:uppercase;
	padding-top: 6px;
}

.logotext {
  color: rgba(83, 85, 83, 1);
  display: flex;
  align-items: center;
  font-size: 24px;
	line-height: 26x;
	letter-spacing: 0px;
}

.logo-and {
	color: #AAA;
}

.logosubtext {
  color: #000;
  display: flex;
  align-items: center;
  font-size: 14.5px;
}

.menu {
  display: inline;
  text-align: right;
  width: 700px;
  height: 100%;
}

.menu ul {
  margin: 0px;
  padding: 0px;
}

.menu li {
  display: inline-block;
  margin-left: -3px;
}

.menu li a {
  display:block;
  color:#666;
  font-size: 13px;
	line-height: 13px;
  /* padding-top: 17px;
	padding-bottom: 17px; */
  width: 110px;
  text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.menu li a:hover, .menu li a.active {
	color: #000;
	/* font-weight: bold; */
}

.menu li a.instagramicon {
	width: 25px;
	padding-top: 22px;
	padding-bottom: 0px;
	text-align: right;
}

.menu li a.instagramicon:hover {
	background-color: #FFF;
}

.menu li img {
	width: 15px;
	margin-top: 2px;
	margin-bottom: -2px;
}

.footer {
	color: #333;
	height: 30px;
	margin-top: 5px;
	padding-bottom: 20px;
}

.footer a {
	text-decoration: none;
	color: #333;
}

.logout {
	display: inline;
	float: left;
	padding-top: 10px;
}

.logout a {
	color: #333;
  font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: text-top;
}

.logout img {
	width: 11px;
	height: 11px;
	margin-left: 10px;
	margin-top: -2.5px;
}

.copyr {
	display: inline;
	float: right;
  width: 50%;
  text-align: right;
  font-size: 13px;
	padding-top: 10px;
}

/* Index */



/* Projects */

.project-grid-row {
  position:relative;
  height: 246px;
  margin-bottom: 4px;
}

.project-grid-row:hover {
  background-color: #FFF;
  opacity: 0.5;
}

.project-grid-row-image {
  height: 100%;
  width: 246px;
  margin-right: -1px;
	object-fit: cover;
}

.project-grid-row-link {
  text-decoration: none;
}

/* Project Info */
.project-info {
	text-transform: uppercase;
	padding-top: 10px;
	margin-bottom: 20px;
}

.project-info-code {
	display: inline;
	font-weight: bolder;
	font-size: 22px;
}

.project-info-street {
	margin-left: 5px;
	display: inline;
	letter-spacing: 0px;
	font-size: 18px;
}

.project-info-city {
	margin-left: 4px;
	display: inline;
	letter-spacing: 0px;
	font-size: 14px;
}

.project-info-dim {
	/* margin-top: 4px; */
	font-size: 14px;
}

.project-info-type {
	/* margin-top: 3px; */
	font-size: 14px;
}

/* type1 */
.project-row-type-One {
  width: 100%;
  margin-bottom: 1px;
}

.project-row-type-One img {
  width: 100%;
	object-fit: cover;
}

/* type 2 */

.project-row-type-Two {
  margin-bottom: 1px;
}

.project-row-type-Two-ud {
  display: inline-block;
  width: 498px;
}

.project-row-type-Two-marginLeft {
  margin-left: -2.2px;
}

.project-row-type-Two-ud img {
  width: 100%;
	object-fit: cover;
}

/* type 3 */

.project-row-type-Three {
  margin-bottom: 1px;
}

.project-row-type-Three-ud {
  display: inline-block;
  width: 331px;
}

.project-row-type-Three-marginLeft {
  margin-left: -2.9px;
}

.project-row-type-Three-ud img {
  width: 100%;
	object-fit: cover;
}

/* type 4 */

.project-row-type-Four {
  margin-bottom: 1px;
}

.project-row-type-Four-ud {
  display: inline-block;
  width: 247px;
}

.project-row-type-Four-marginLeft {
  margin-left: -2.2px;
}

.project-row-type-Four-ud img {
  width: 100%;
	object-fit: cover;
}

/* type12 */
.project-row-type-OneTwo {
  margin-bottom: -3px;
}

.project-row-type-OneTwo-left {
  display: inline-block;
}

.project-row-type-OneTwo-left img {
  width: 400px;
  height: 600px;
  margin-bottom: 4px;
	object-fit: cover;
}

.project-row-type-OneTwo-right {
  display: inline-block;
}

.project-row-type-OneTwo-right img {
  display: block;
  width: 596px;
  margin-left: -2.5px;
  height: 298px;
  margin-bottom: 4px;
	object-fit: cover;
}

/* type 21 */

.project-row-type-TwoOne {
  margin-bottom: -3px;
}

.project-row-type-TwoOne-left {
  display: inline-block;
}

.project-row-type-TwoOne-left img {
  display: block;
  width: 596px;
  margin-right: -2.5px;
  height: 298px;
  margin-bottom: 4px;
	object-fit: cover;
}

.project-row-type-TwoOne-right {
  display: inline-block;
}

.project-row-type-TwoOne-right img {
  width: 400px;
  height: 600px;
  margin-bottom: 4px;
	object-fit: cover;
}

/* type 11A */

.project-row-type-OneBigOneSmall {
  margin-bottom: 1px;
}

.project-row-type-OneBigOneSmall-left {
  display: inline-block;
  width: 681.5px;
}

.project-row-type-OneBigOneSmall-left img {
  width: 100%;
	height: 500px;
	object-fit: cover;
}

.project-row-type-OneBigOneSmall-right {
  display: inline-block;
  width: 314px;
  margin-left: -1.7px;
}

.project-row-type-OneBigOneSmall-right img {
  width: 100%;
	height: 500px;
	object-fit: cover;
}

/* type 11B */

.project-row-type-OneSmallOneBig {
  margin-bottom: 1px;
}

.project-row-type-OneSmallOneBig-left {
  display: inline-block;
  width: 314px;
}

.project-row-type-OneSmallOneBig-left img {
  width: 100%;
	height: 500px;
	object-fit: cover;
}

.project-row-type-OneSmallOneBig-right {
  display: inline-block;
  width: 681.5px;
  margin-left: -1.7px;
}

.project-row-type-OneSmallOneBig-right img {
  width: 100%;
	height: 500px;
	object-fit: cover;
}

/* Infographics */

.infogr-grid-row {
  position:relative;
  height: 246px;
  margin-bottom: 4px;
}

.infogr-grid-row a {
  text-decoration: none;
}

.infogr-grid-row a:hover {
  text-decoration: none;
  background-color: #FFF;
  opacity: 0.5;
}

.infogr-grid-row-image {
  height: 100%;
  width: 246px;
  margin-right: -1px;
	object-fit: cover;
}

/* Contact */
.contact-info {
  font-size: 15px;
	letter-spacing: 0px;
  color: #444;
  text-align: right;
  padding-top: 50px;
}