@charset "utf-8";
html { font-size: 75%; // 12px }
/*  Fonts  */
@font-face {
    font-family: "PFDinDisplay";
    src: url('fonts/PFDinDisplayPro-Reg.ttf') format('truetype');
}
@font-face {
    font-family: "PFDinDisplay-Med";
    src: url('fonts/PFDinDisplayPro-Med.ttf') format('truetype');
}
@font-face {
    font-family: "PFDinDisplay-Thin";
    src: url('fonts/PFDinDisplayPro-Thin.ttf') format('truetype');
}
/*  Basic  */
body {
	margin: 0px;
	height: 100%;
	min-height:100%;
	background-color: #DEDEDE;
	font-size: 0.75em;
        font-family: "PFDinDisplay", Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
}

ul {list-style:none;}
h1 { 
	font-weight : bold;
	font-size : 400%;
	margin-right:3%;
	color : #003F75;
	color : rgb(0, 63, 117);
	display:inline;
	vertical-align: middle;
}
h2 {
	font-weight : bold;
	font-size : 150%;
	text-transform:uppercase;
	color : #5C5C5C;
	color : rgb(92, 92, 92);
	min-height:3em;
}
h3 {
	font-weight:normal;
	font-size : 150%;
	color : #13568B;
	color : rgb(19, 86, 139);
	min-height:3em;
        line-height: 1;
}
#page {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
#page img:hover {
	opacity:1;
}
#main {
	text-align: center;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	margin-top:3em;
	margin-bottom:3em;
	float: left;
}
#main h3 {
	width:90%;
	margin-left:auto;
	margin-right:auto;	
	display: block;
	min-height:4em;
}
/*  Header  */
#header_top {
	background-color: #003f75;
	height: 15px;
}
#header {
	background-image:url(../images/header_back_03.jpg);
	background-size:100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: #D0D0D0 5px 5px 5px;
	float:left;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:3%;
	padding-bottom:3%;
	text-align:center;
}
.header_logos {
	padding:1em;
	opacity: 0.9;
	vertical-align: middle;
}
.iagro_logo {
	margin-bottom:-1.5%;
}
#header_left {
	float:left;
	width:25%;
	opacity: 0.9;
/*	vertical-align: middle;*/
}
#header_right {
	float:right;
	width:75%;
	text-align:center;
}
/*  Footer  */
#footer {
	clear:both;
	background-image:url(../images/header_back_03.jpg);
	background-size:100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: #D0D0D0 -5px -5px 5px;
	float:left;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	text-align:center;
	vertical-align:middle;
}
#footer_bottom {
	background-color: #003f75;
	height: 15px;
	clear:both;
}
#footer img {
	vertical-align:middle;
	opacity:0.9;
}
#service {
	width: 23%;
	margin: 0.9%;
	background-color: #FFF;
	display: inline-block;
	float:left;
	border-radius:10px;
	box-shadow: #D0D0D0 5px 5px 5px;
}
#service h2 {
	border-bottom: 3px solid #003f75;
	margin-bottom:0;
	padding-left: 0.5em;
	padding-right: 0.5em;
        padding-top: 1em;
        padding-bottom: 1em;
}
#service img {
	min-width: 100%;
    min-height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
	margin-left: 50%;
    transform: translateX(-50%);
}
.img_container {
    height: 30em;
    width: 100%;
    overflow: hidden;
    position: relative;
}
@media (max-width : 480px) {
	#service { width: 98%; float: left; }
	#header_left { width:100%; text-align:center; padding-left:0; padding-right:0; padding-top:5%; padding-bottom:5%; }
	h1 {font-size:300%; padding-bottom:5%;}
	#header_right { width:100%; text-align:center; padding-left:0; padding-right:0; padding-top:5%; padding-bottom:5%; }
	#footer { padding-top:5%; }
}
@media (max-width: 760px) and (min-width: 480px) {
	#service { width: 48%; float: left; }
	#header_left { width:100%; text-align:center; padding-bottom:3%;}
	h1 {font-size:300%; padding-bottom:5%;}
	#header_right { width:100%; text-align:center; padding:0; }
	#footer { padding-top:5%; }
}
@media (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  h1 { font-size:300%;}

}