responsive images

src/components/header.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="row divMaster header cl-12 azulUnam">
+  <div class="row  azulUnam">
     <div class= "pad">
     <div
-      class="logo_unam  col-4 offset-1 d-inline-flex my-2 align-items-center"
+      class="logo_unam  col-3 d-inline-flex my-3 align-items-left"
     >
    
       <a href="https://www.unam.mx/" target="_blank">
@@ -11,20 +11,24 @@
       </div>
     
 </div>
-    <div
-      class="logo_acatlan  col-4  offset-2 d-inline-flex justify-content-end my-2 align-items-center"
-    >
+
+
+
+    <div class="logo_acatlan  col-1   offset-3   my-4  ">
       <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <div id="imagenbanner">
         <img
-          class="sizeImg"
-          src="../assets/logo_acatlan.png"
+          class="sizeImga"
+          src="../assets/logo_fesa.png"
           alt="logo unam"
         />
+        </div>
       </a>
     </div>
 
+
     <div
-      class="logo_acatlan_resp col-8  offset-2 d-flex justify-content-center my-2 align-items-center"
+      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-2 align-items-center"
     >
       <a href="https://www.acatlan.unam.mx/" target="_blank">
         <img
@@ -39,13 +43,21 @@
 
 <style>
 
+#imagenbanner{
+	position: absolute;
+	top: 8px;
+	left: 160px;
+	width: 100px;
+	line-height: 17px;
+}
+
 .pad{
      
      padding: 0px;
 }
 
 .divMaster {
-  height: 7em;
+  height: 6em;
   margin: 0 auto;
 }
 
@@ -53,7 +65,12 @@
   background-color: #1e3c70;
 }
 .sizeImg {
-  height: 5rem;
+  height: 4.5rem;
+}
+
+.sizeImga {
+  height: 3.3rem;
+ 
 }
 .logo_acatlan_resp {
   display: none !important;