@font-face{ font-family: bhineka;
src: url(fonts/Bhineka.otf);
}


body {
background: url("images/smoothAppleDesaturated1.webp") no-repeat center;
background-size: cover;
background-color: #f0d713; /*#17d717;*/ 
line-height: 2.5em;
font-family: arial;
}
header #cornerLogo{width: 14%; 
margin: -8%; float:left; clear: left;}

#title {font-family: bhineka, script;
 font-weight: 400;
 font-size: 17em;
  font-style: normal;
  float: left;
margin: 7% 0 16% 7%;
  text-align: center !important;
}
#content {margin: 6% 0 3% 0; }
#services {font-size: 3em; line-height: 2em; float: left; clear: left;
padding: 5%;
}
h4{float: left; clear: left; font-size: 3em; margin: 1%; text-align: center;}
/*#content {float: left; font-size: 3em;  }
*/

ul {list-style-type: upper-roman; text-align: left; margin: 0 0 0 6%; }
#stylingBody {padding: 3.7%; height: 100%; width: 100%; border: none;
}
header {margin: 3%;  }

#services  {clear: left; float: left;
background-color: rgb(171, 175,160,.5);  border-radius: .5em;
margin: 6% 0; padding: 5%; width: 95%;
text-align: center;
font-size: 2em;
}
 #contact { clear: left; float: left;
background-color: rgb(171, 175,160,.5);  border-radius: .5em;
margin: 3% 0; padding: 0 5%; width: 95%;
text-align: center;
font-size: 2em;
}

#contact h4 {float: left;   width: 50%; margin: 0 50% 0 0 ;}
#contact p{float: left;    width: 50%; margin: 0 0 0 50%; }

#pph-hireme {width: 98.3%; height: 12em; margin: 0%; padding: 1em;
background-color: rgb(171, 175,160,.85); border-radius: .5em;
clear: left; float: left; }




@media only screen and (min-device-width:1080px) and (max-device-width:2700px){
body { margin: 5%; padding: 5%;
}
#pph-hireme {margin: 0 }
}

@media only screen and (min-device-width:960px) and (max-device-width: 1079px){
body { margin: 5%; padding: 5%;
}
#pph-hireme {margin: 0 }
}