diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 80657122..ad0be21c 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -36,6 +36,10 @@ body {
 	background-size: 100%;
    background: url(../images/header-image.png) center 0 no-repeat;
    height: 200px;
+   display: flex;
+   flex-direction: column;
+   flex-wrap: nowrap;
+   justify-content: center;
 }
 a {
     color: #2485AE;
@@ -479,7 +483,7 @@ h1.vivo-logo {
     height: 100px;
     top: 30px;
    /* left: 0; */
-	 background: url(../images/title.png) center 0 no-repeat;
+	 background: url(../images/site-title-padding.png) center 0 no-repeat;
 }
 h1.vivo-logo a {
     display: block;
@@ -2101,3 +2105,22 @@ span.subclassExpandMinus {
 .affiliations {
     margin-bottom: 1.5em;
 }
+/* ------------------------------------------------->  */
+/* SCREEN RESOLUTION  -------------------------------->  */
+/* ------------------------------------------------->  */
+@media screen and (max-width: 720px) {
+	#branding {
+		width: 100%;	
+	}
+	ul#main-nav {
+		width: 100%;	
+	}
+	#wrapper-content {
+	width: 95%;	
+	}
+	h1.vivo-logo {
+	background-size: 100%;
+	top: 55px;	
+	}
+
+}