body,html {
	margin: 0;
	padding 0;
	height: 100%;
	width: 100%;
	font-family:  Helvetica, Arial," sans-serif";
	font-size: 11px;
	color: #656464;
}
a, a:visited, a:hover{
	color: #00933f;
	text-decoration: none;
}
#container {
	width: 100%;
	margin: auto;
}

#box, #image, #image img {
    max-width:100%;
    width: 100%;
}
#dgm {
    margin-top: 30px;
    display: inline-block;
}
#dgm #logo {
    width:100%;
    margin-bottom:20px;
    text-align: center;
}
#dgm #logo img {
    margin:auto;
    text-align: center;
}
#dgm #text p {
    text-align: left;
}
#footer {
	margin-top: 60px;
}
#copyright {
	text-align: center;
    padding-bottom: 30px;
}
#navi {
	text-align: center;
    padding-bottom: 30px;
}
h1, h2, h3 {
    text-transform:  uppercase;
    font-size: 18px;
    font-weight: 800;
}
h1 {
    color: #00933f;
}
h2 {
    font-size: 14px;
}
h3 {
    font-size: 14px;
    font-weight: 400;
}

#box {
    width: 80%;
    top: 80px;
    margin: auto;
}

@media (min-width: 768px) {
    #box {
        height: 500px;
        width:640px;
        top: 50%;
        left: 50%;
        position: absolute;
        margin-left: -300px;
        margin-top: -250px;
    }
    #content {
        padding: 30px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        font-size: 14px;
    }
    #footer {
	    margin-top: 30px;
    }
    #copyright {
        float: left;
    }
    #navi {
        float: right;
    }
    #dgm {
    margin-top: 30px;
    display: inline-block;
}
#dgm #logo {
    float:left;
    width:30%;
}
#dgm #logo img {
    margin-top: 18px;
}
#dgm #text {
    float: right;
    width: 65%
}
#dgm #text p {
    text-align: left;
}
}