/*El id títutlo lo he utilizado para modicar el color y el tipo de letra*/
#titulo {
    color: #3aafa9;
    font-family: Impact;
}

/*El id texto lo he creado para modificar el color de la fuente*/
#texto {
    color: #def2f1;
}
/*Utilizamos los media queries para modificar el html en función del tipo de dispositivo*/
/*En este caso solo lo ejecuta cuando estamos entre 0-60px*/
@media only screen and (min-width: 0px) and (max-width: 600px) {
    /*Modificamos todo el cuerpo cambiando el color de fondo, centramos el texto, el tipo de letra y su tamaño*/
    body {

        background-color: #17252A;
        text-align: center;
        font-family: verdana;
        font-size: 20px;
    }

    /*Utilizamos todos estos ids para hacer que no aparezcan cuando no se corresponde con el tamaño de la pantalla*/
    #imagen1 {
        display: none;
    }

    #imagen2 {
        display: none;
    }

}

@media only screen and (min-width: 601px) and (max-width: 900px) {
    body {

        background-color: #17252A;
        text-align: center;
        font-family: verdana;
        font-size: 20px;
    }

    #imagen1 {
        display: none;
    }

    #imagen3 {
        display: none;
    }
}

@media only screen and (min-width: 901px) {
    body {

        background-color: #17252A;
        text-align: center;
        font-family: verdana;
        font-size: 20px;
    }
	
    #imagen2 {
        display: none;
    }

    #imagen3 {
        display: none;
    }

}