h4{
	line-height: 1.20em;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

a img { border: none; }

img { 
	display: inline-block;
    vertical-align: middle;
}

a,
a:visited,
a:link,
a:focus,
a:hover{
	color: #000000;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration: underline;
}

a img {
	border:none;
}

.container {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

/* ///////////////////////////////////////////////////////////////////// 
//  02 - Global
/////////////////////////////////////////////////////////////////////*/

body {
	
	font-family: Helvetica, Arial, sans-serif;
	color: #000;	
	background-color: #ffffff;	
}

.row_menu {
	position:absolute;      
	left: 0;
	margin: 0;
	padding: 0 30px 60px;
	width:70%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	z-index: 11;
	color:black;
}


.row_menu a{
text-decoration:underline;
color:black;
}

.menu_col2{
float: left;
width: 15%;
}

.menu_col3{
float: left;
width: 21%;
margin-right: 10px;
}


p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	color: #64646E;
}



div.imgContainer {
	width: 100%;
	height: inherit;
	background-color: #fff;
	overflow: hidden;
	cursor:pointer;
}

#main {
	margin-bottom: 100px;
}

#header1,
#header2,
#infotext {
	margin: 20px 0;
}


.legal{
	margin: 2em 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 500;
	color: black;
}
.deselect ::selection {
    background: transparent;
    color: inherit;
}
.deselect ::-moz-selection {
    background: transparent;
    color: inherit;
}
.deselect {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/*//////////////////////////////////////////////////////////////////// 
//  Screen size breakpoints
////////////////////////////////////////////////////////////////////*/

@media all and (min-width: 769px) {
	div#header1 {
		display: block;
	}
	div#header2 {
		display: none;
	}
	div#project1 img.special60 {
		width: 60%;
	}
	div#project1 img.special70 {
		width: 70%;
	}
	div#project1 img.special75 {
		width: 75%;
	}
	div#project1 img.special80 {
		width: 80%;
	}
}
@media all and (max-width: 768px) {
	div#header1 {
		display: none;
	}
	div#header2 {
		display: block;
	}
	div#project1 img {
		width: 100%;
	}
}
