body{
	margin: 0px;
	padding: 0px;
    background: url("prime_peaks_bg.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: sans-serif;
}

div{
	margin: 0;
	padding: 0;
}

#phone{
	width:40%;
	height: auto;


    position:absolute; /*it can be fixed too*/
    left:0; right:0;
    top:-100px; bottom:0;
    margin:auto;

    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
    overflow:auto;
}

div.footer {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}

div.footer a img {
    padding: 5px;
    height: 57px
}


div.footer div.links {
    padding: 5px;
    font-size: 12px;
}

a {
    text-decoration: underline;
    color: black;
}

a:hover {
    text-decoration: underline;
}

@media (max-width: 640px) {
  #phone{
	width:60%;
	height: auto;


    position:absolute; /*it can be fixed too*/
    left:0; right:0;
    top:0; bottom:30%;
    margin:auto;

    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
    overflow:auto;
}

    div.footer div.stores {
        max-width: 200px;
        margin: 0 auto
    }

}

div.privacy {
    margin: 10px;
    padding: 10px;
    background: white;
    opacity: 0.75;
}

.privacy h1 {
    margin: 10px 0px;
    font-size: 17pt;
}

.privacy h2 {
    margin: 20px 0px 10px;
    font-size: 14pt;
}

.privacy .last-updated {
    margin: 20px 0px;
    font-size: 10pt;
}

.privacy p {
    margin: 10px 0px;
    font-size: 12pt;
}