diff --git a/css/style.css b/css/style.css index 2ac7c52..d3351e7 100644 --- a/css/style.css +++ b/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,10 @@ RESPONSIVE */ #cabecera{ padding-top: 15em; } + #principal_general{ + margin-left: 2em; + margin-right: 2em; + } #proyectos{ display: grid !important; @@ -615,8 +628,10 @@ div#contenedor_landingpage { padding-top: 15em; } #principal_general{ - padding-left: 0px; - padding-right: 0px; + padding-left: 2em; + padding-right: 2em; + margin-left: 1em; + margin-right: 1em; } #caja{ @@ -641,6 +656,17 @@ 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: 0em; + padding-right: 0em; }