CSS for new banner

system-wide-js-css.html

@@ -97,54 +97,6 @@ ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
     outline: none;
 }
 
-/* New CSS for the Kingsborough banner that was developed by Kwatei */
-
-#bannerwrap {
-top:10px;
-width:100%;
-height:100px;
-position:relative;
-margin:0px auto;
-float:none;
-clear:none;	
-}
-
-#bannerleft {
-background:url(https://libapps.s3.amazonaws.com/accounts/16298/images/KCC_Offical_Logo.jpg);
-background-size:contain;
-width:367px;
-height:105px;
-margin:0px auto;
-position:relative;
-float:left;
-clear:none;
-}
-
-#bannerx {
-	height:105px;
-        background-image:url(https://libapps.s3.amazonaws.com/accounts/16298/images/logo_x_new.png);
-        background-size:contain;
-	background-repeat: repeat-x;
-}
-
-#innerbannercont {
-	width:660px;
-	float:right;
-	clear:left;
-	height:33px;	
-	position:relative;
-	z-index:12;
-	font-size:12px;
-        text-align:right;
-        color:#fff;
-        margin:3px;
-}
-
-#innerbannercont a {
-        color:#fff;
-	text-decoration:none;
-}
-
 #spacer {
         height:30px;
 }
@@ -164,4 +116,26 @@ a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
        margin-top:9px;
 }
 
+/* new banner */
+#bannercontainer {
+        width: %100;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+}
+
+@media only screen and (min-width: 1px) {
+        #newbanner {
+                width: 80%;
+        }
+} 
+
+@media only screen and (min-width: 992px) {
+        #newbanner {
+                width: 60%;
+        }
+}
+
 </style>