/* define all basic parameter and set it the all used tages */
html, body, div, span,  h1, h2, h3, h4, h5, h6, p, a, img, strong, ol, ul, li {	
	margin: 0px;
	padding: 0px; 
	border: 0px; 
	text-decoration: none;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

body {
    background-color: #ffffff;
}

/* all images should be centered */
img {
   margin: 0 auto;
   padding-bottom : 20px;
}

p {
	color: #676767;
    text-align: center;
    padding-bottom : 30px;
    max-width: 300px;
    margin:0 auto;
}

/* definition of the three basic containers */
.header, .footer {
	background-color: #ffffff;
	color: white;
	padding: 10px;
}
.content {
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding-bottom: 30px;
}

.content .heidi {
    width: 350px;
    height: 398px;
    margin: 20px;
    padding-bottom: 0px;
}

.store_button {
	padding-bottom : 10px;
}

.store_button a {
    display: block;
 }
 
.store_button img {
	width: 230px;
	height: 81px;
	padding-bottom : 0px;
}

.footer {
    height: 100%;
    min-height: 100%;
}

.footer img {
	padding-top: 10px;
	float: left;
}
.footer .center {
	position: relative;
	display: inline-block;
}
.footer .eda1 {
	width: 187px;
	height: 47px;
	padding-right: 24px;
}

.footer .eda2 {
	width: 299px; 
	height: 36px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* ipad landscape */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* ipad portrait */

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    /* iphone portrait */

	.store_button img {
        width: 200px;
        height: 70px;
    }
    .content .heidi {
        width: 250px;
        height: 284px;
    }
    p {
        max-width: 250px;
    }
}