@media only screen and (min-width : 321px) 
/* Pagina 1 */
.listaPag1{
  width: 100px;
}
#logoFor{
  width: 400px;
  display: block;
  margin: auto;
}
.subrayado{
  text-decoration: underline;
}
.cursiva{
  font-style: italic;
}
#alinear{
  text-align: center;
}
p {
  background-color: black;
        opacity: 0.8;
}
#ListaMision{
  background-color: black;
  opacity: 0.8;
}
#Misiones{
  margin: 0 auto;
}
.Negrita{
  font-weight: bold;
  font-size: 20px;
}

nav{
background-color: cyan;
padding: 10px;
text-align: center;  
}
nav a{
  text-decoration: none; 
  font-weight: bold; 
  color: red;
  margin: 0 30px;
}
nav a:link{
  color: blue;
}
nav a:visited{
  color: red;
  text-decoration: line-through;
}
nav a:hover{
  font-size: 2em;
  color: yellow;
  text-transform: capitalize;
  text-decoration: overline underline;
}
/* Tabla de facciones de la pagina 2 */
#tablaFaciones {
  border-collapse: collapse;
  width: 40%;
  border: 5px solid red;
  background-color: black;
}

.pag2Facciones th, .pag2Facciones td {
  border: 1px solid red;
  padding: 8px;
  text-align: center;
  color: white;
}

.EscudoFaccion {
  text-decoration: none;
  color: white;
}

img {
  width: 100%;
  height: auto;
}

/* Css de la general y mayoritariamente de la pagina 3 */
#pag3{
    color: white;
    background: url(Imagenes/apollyongold.jpg)
}
h1, h2 {
    text-align: center;
    background-color: black;
    border-radius: 15px;
    text-align: center;
}
fieldset {
        border: 1px solid #3baa25;
        padding: 15px;
        background-color: black;
        opacity: 0.8;
        border-radius: 10px 150px 120px 50px; 
        border-width: 5px; 
        border-color: yellow
      }
       legend {
        background-color: red;
        font-style: italic;
       }
      input{
        border-radius: 5px;
        background-color: honeydew;
       }
        button {
            border-radius: 10px 10px 10px 10px;
        }
        select {
            background-color: yellow;
            border-radius: 5px 5px 5px;
        }
        textarea {
            border-radius: 10px;
            border-color: red;
            border-width: 2px;
        }
        #formtick img{
            width: 50px; height: 50px;
        }
        /* css de las paginas de las tablas de las facciones */
        /* este es la clase para el body de las tablas */
        .tablas{
            background-color: black;
        }
        /* css pagina 1 fondo y color del texto*/
        #pag1{
            color: white;
            background: url(Imagenes/Fondo.jpg)
        }
        /* css pagina 2 fondo u color del texto */
        #pag2{
          color: white;
          background: url(Imagenes/logoapolly.png);
        }

        dd{
            background-color: black;
        opacity: 0.8;
        }
        dt{
            background-color: red;
            opacity: 0,8;
        }
        /* tabla de los caballeros y los wu lin la comparten */
        .CaballerosNom{
            color: orange;
        }
        .CaballerosTabla {
            border-collapse: collapse;
            width: 100%;
            border: 5px solid orange;  
          }
          
        .CaballerosTabla td {
            border: 2px solid orange;
            padding: 20px;
            text-align: center;
            color: orange;
          }
          
        .CaballerosTabla img {
            display: block;
            margin: 0 auto;
            width: 150px;
          }
        #blackP{
            width: 220px;
            height: 330px;
          }
        /* tabla de los vikingos */
        #VikingNom{
            color: red;
        }
        #TablaViking {
            border-collapse: collapse;
            width: 100%;
            border: 5px solid red;  
          }
          
        #TablaViking td {
            border: 2px solid red;
            padding: 20px;
            text-align: center;
          }
          
        #TablaViking img {
            display: block;
            margin: 0 auto;
            width: 150px;
          }
        #Celta{
            width: 100px;
            height: 330px;
          }
         /* Tabla de los Samurais y outlanders la comparten */
         .SamuNom{
            color: cyan;
        }
        .TablaSamu {
            border-collapse: collapse;
            width: 100%;
            border: 5px solid cyan;  
          }
          
        .TablaSamu td {
            border: 2px solid cyan;
            padding: 20px;
            text-align: center;
          }
          
        .TablaSamu img {
            display: block;
            margin: 0 auto;
            width: 150px;
          }
        .SamuT{
          width: 100px;
          height: 340px;
        }