diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 10f68a296..f5005864b 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -760,6 +760,9 @@ input.search-vivo {
 #SelectResults >label {
 	padding-left: 5px;
 	padding-right: 5px;
+	font-family: "Roboto";
+	font-style: normal;
+	
 }
 #btn-search-expand {
 	width: 15%;
@@ -795,6 +798,7 @@ input.search-vivo {
 	padding-left: 15px;
 	font-family: Roboto;
 	font-size: 1.2rem;
+	cursor: pointer;
 }
 #backgroundForm {
 	height: 39px;
@@ -1765,8 +1769,9 @@ ul#browse-classes li {
 	width: 90%;
 	margin-left: 10px;
 	margin-right: 10px;
-	font-family: "IPH Astra Serif Regular";
+	font-family: "IPH Astra Serif";
 	font-size: 1.2rem;
+	line-height: 1.3;
 }
 ul#browse-classes a:hover,
 ul#browse-classes a.selected {
@@ -1779,11 +1784,15 @@ ul#browse-classes .count-classes {
 /* ALPHA BROWSE------>  */
 ul#alpha-browse-individuals {
     background-color: #fff;
-    font-family: "IPH Astra Serif Regular";
+    font-family: "IPH Astra Serif";
+    float: left;
+    width: auto;
+    list-style: none;
+    font-size: 1.6rem;
 }
 ul#alpha-browse-individuals a:hover,
 ul#alpha-browse-individuals a.selected {
-    background: url(../images/arrow_small.png) -3px 7px no-repeat;
+    background: url(../images/arrow_small.png) -3px 8px no-repeat;
     color: #DD9F00;
 }
 ul#alpha-browse-individuals .count-classes,
@@ -1811,16 +1820,11 @@ nav#alpha-browse-container {
     margin-right: 0;
     margin-top: 10px;
 }
-ul#alpha-browse-individuals {
-    float: left;
-    width: auto;
-    list-style: none;
-    font-size: 1.5rem;
-}
+
 h3.selected-class {
 	padding-bottom: 0.3em;
 	color: #8B4513;
-	font-family: "IPH Astra Serif Regular";
+	font-family: "IPH Astra Serif";
 	font-size: 1.3rem;
 }
 
@@ -2299,8 +2303,8 @@ button.collapsible {
 	background-repeat: no-repeat;
 	background-position: 1% 50%;
 	padding-left: 40px !important;
-	font-family: "IPH Astra Serif Regular";
-	font-size: 1.3rem;
+	font-family: "IPH Astra Serif";
+	font-size: 1.4rem;
 }
 button.collapsible:visited {
 	-webkit-appearance: none;
@@ -2502,7 +2506,31 @@ ul.dropdown ul.sub_menu li a:hover {
 .login  >div#articleWrapper >div#wrapper-content {
 	width: 100%;
 }
-
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >button.collapsible {
+	background-color: #efe9d9;
+	background-image: none;
+	padding-left: 1%;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
+	padding-left: 1% !important;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
+	background-image: none;
+}
+button.collapsible.active {
+	background-color: #F6F6F6;
+}
+.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
+	background-color: transparent;
+	border-bottom: 1px solid #dde4e3 !important;
+	background-image: none;
+}
 /* ------------------------------------------------->  */
 /* FONTS  -------------------------------->  */
 /* ------------------------------------------------->  */
@@ -2609,6 +2637,12 @@ ul.dropdown ul.sub_menu li a:hover {
 	#footerWrapper {
 	width: 90%;
 	}
+	.elenph_articles > div#articleWrapper {
+	width: 90%;
+	}
+	.rubrics > div#articleWrapper {
+	width: 90%;
+	}
 }
 
 @media screen and (max-width: 1300px) {
@@ -2639,6 +2673,12 @@ ul.dropdown ul.sub_menu li a:hover {
 	ul#browse-classes li {
 	font-size: 1.1rem;
 	}
+	.elenph_articles > div#articleWrapper {
+	width: 95%;
+	}
+	.rubrics > div#articleWrapper {
+	width: 95%;
+	}
 }
 
 @media screen and (max-width: 1100px) {