css/style.css

@@ -15,6 +15,10 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.1;
 }
 
+/* #principal_general{
+  position: absolute;
+} */
+
 #toc {
   font-size: 1em;
   max-height: 95% !important;
@@ -72,6 +76,7 @@ border-color: transparent;
 
 #contenedor_cabecera {
   padding-top: 0em;
+  padding-right: 3em;
 }
 
 #logo_cabecera {
@@ -494,7 +499,7 @@ RESPONSIVE */
 
 /*Se afectan todos hacia arriba*/
 
-@media (min-width: 767px) {
+@media (min-width: 769px) {
   #cabecera {
     margin-left: 20px;
     margin-right: 20px;
@@ -510,12 +515,16 @@ RESPONSIVE */
 }
 
 @media only screen and (max-width: 1200px) {
+  #contenedor_cabecera{
+    padding-right: 5em;
+  }
   #cabecera{
   padding-top: 20em;
   }
 
   #logo_cabecera {
     padding-top: 2em;
+    max-width: 70% !important;
   }
 
   .img-gris {
@@ -586,6 +595,13 @@ RESPONSIVE */
   #cabecera{
   padding-top: 15em;
   }
+  #contenedor_cabecera {
+    padding-right: 0em;
+}
+  #principal_general{
+    margin-left: 2em;
+    margin-right: 2em;
+  }
 
 #proyectos{
   display: grid !important;
@@ -615,8 +631,10 @@ div#contenedor_landingpage {
   padding-top: 15em;
   }
   #principal_general{
-    padding-left: 0px;
+    padding-left: 2em;
-    padding-right: 0px;
+    padding-right: 2em;
+    margin-left: 1em;
+    margin-right: 1em;
   }
 
   #caja{
@@ -641,6 +659,19 @@ div#contenedor_landingpage {
 }
 
 
+}
+@media only screen and (max-width: 361px) {
+  #principal_general{
+    margin-left: 0em;
+    margin-right: 0em;
+}
+}
+
+@media only screen and (max-width: 320px) {
+  #principal_general{
+    padding-left: 1em;
+    padding-right: 0em;
+}
 }