html, body
{    
    font-family: 'Arial', sans-serif;
    background-color: #f3f3f3;
	background-image:url(Pictures/pinolith_3_120816_2.jpg)
}

#wrapper {
    min-width: 5%;
    max-width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 2.5px;
}

nav { text-align:center;
}

#viewport{
    min-height:100%;
    position:relative;
    width:100%
    
}
   


header{
    background-color: #737070;
    height: 10%;
    padding: 4px;
}

header h1{
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    line-height: 35px;
    font-size: xx-large;
  }

header h2 {
    font-variant: small-caps;
    text-align: center;
    color: #fff;
    font-size: medium;
    
}

text p {
    font-family: Verdana;
    text-align: justify;
    font-size: small;
    background-color: ;
}

.main_menu a {
    padding: 5px 0 5px 0;
    text-align: center;
    line-height: 32px;
    background-color: #737070;
    font-size: medium;
}

ul.main_menu{
    margin-top: 15px;
}

.main_menu li{
	text-align: center;
    display: inline;
    padding: 0 0px 0 0px;
    font-size: 20px;    
}

.main_menu a{
    text-decoration: none;
    color: #fff;
    padding: 8px;
    font-variant: small-caps; 
}

.main_menu a:hover {
    color: #030303;
}

a:hover { color:#999999}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}