html, body {
  height: calc(100% - 10px);
}
body {
  display: flex;
  flex-direction: column;
 
}
#content {
  flex: 1 0 auto;
  width:100%;
  
}

#content img {display: block;margin:125px auto 0 auto;width: 142px;}
p {font-family: 'Work Sans', sans-serif;font-size:45px;font-weight:100;text-justify: inter-character;color:#999;position:relative;text-align:center;margin:50px auto;}
.footer {flex-shrink: 0;font-family: 'Work Sans', sans-serif;font-size:14px;text-justify: inter-character;color:#666;position:relative;text-align:center;margin:0 auto;width:75%;min-width:300px;padding-left:40px;}
a {color:#666;text-decoration:none;}
a:hover {text-decoration:underline;}
.email {float:left;width:47%;margin:0;padding:0 1px 0 0;text-align:right;}
.phone {float:right;width:47%;margin:0;padding:0 0 0 1px;text-align:left;}
.clear {clear:both;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/*html, body {position: fixed;
  overflow: hidden;}*/
#content img {margin-top:25px;}
p {font-size:2em;font-weight:400;}
.footer {padding-bottom:25px;color: #333333;font-size:16px;width:calc(100% - 30px);padding-left:30px;}
a {color:#333333;}
.footer .email {width:40%;padding-right: 20px;color: #333333;}
.footer .phone {width:40%;padding-left:20px;color: #333333;}
}
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: landscape) {

#logo {float:left;margin-top:25%;background: red;width:45%}
#text {float:right;margin-top:25%;background:blue;width:45%}
}*/