.{border: ;}
.columna{
    float: left;
}
.fila::after{
clear:both;
display: block;
content: "";

}
.cien:{
    width:100% ;
}
.noventa: {90%;
}
.ochenta:{80
}

.topnav,li{display: block;}ejemplos para diseño a partir de 600 pixeles ej en home 
.topnav,li{height: auto;
}
@media screen and (max-width: 600px)


*{
  box-sizing: border-box;
}
.izquierda {
  float: left;
}
/* Colores */
p{
  color: #848484;
}
.fondoprimario{
  background-color: #fd502a;
}
.fondosecundario{
  background-color: #f2f2f2;
}
.fondonegro{
  background-color: black;
}

/* Layout */
#principal{
  width: 960px;
  margin: auto;
}
#intro {
  color: #ffffff;
  background-color: #fd502a;
}
img{
  width: 100%;
}
.logo{
  width: 70px;
}
/* Sistema de columnas */
.columna{
  float: left;
  padding: 0 15px;
}
.fila::after{
  clear: both;
  display: block;
  content: '';
}
.cien{
  width: 100%;
}
.noventa{
  width: 90%;
}
.ochenta{
  width: 80%;
}
.tercio{
  width: 33.333333%;
}
.treinta{
  width: 30%;
}
.veinte{
  width: 20%;
}
/* Navegación */
.logo li { display flex-direction: color:  ; height: 
}

 
p::first-line{ letter-spacing: 2px;
  word-spacing: 4px;}
 


  </style nav> topnav,
  
  div il{display: block;}
  
     background-color:
    submenu{100%

 hea>{nav-left;}
 
 nav ul{margin: 0%;}
 display: block;
}
html[Attributes Style] {
    -webkit-locale: "es";
}
injected stylesheet

html:not([data-lt-script-installed]):not(.__lt-dummy-1):not(.__lt-dummy-2):not(.__lt-dummy-3):not(.__lt-dummy-4):not(.__lt-dummy-5):not(.__lt-dummy-6):not(.__lt-dummy-wxyz1234) {
}

div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  border: 3px solid #73AD21;
}