html {
height: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px;
background: #000;
background: url(../images/fondo-navidad.png);
}
#postal{
    width: 100%;
    /*background: #fff;*/
    color: #fff;
    min-height: 100%;
    cursor: pointer;
}
#postal .front{
    background-color: #fff;
    height: 100%;
}
#postal .front #cabecera img{
   width: 100%;    
}
#postal .back{
    background: url(../images/fondo-navidad.png);
    color: green;
}

#presentacion, #textofelicitacion{
    margin-top: 100px;
    border-right: #8ab53f solid 2px;
    font-family: 'Lobster', cursive;
    /*font-family: 'Josefin Sans', sans-serif;
    font-family: 'Josefin Slab', serif;
    font-family: 'Gloria Hallelujah', cursive;
    font-family: 'Satisfy', cursive;
    font-family: 'Pinyon Script', cursive; 
    font-family: 'Rock Salt', cursive;*/
}
#presentacion .mensaje{
    text-align: center;
    color: #000;
	
}

.mensaje h2{
	font-size: 42px;
	 font-family: 'Satisfy', cursive;
}

#textofelicitacion{
      font-family: 'Satisfy', cursive;
border:none;
color: #000;
     font-size: 1.8em;
}

#textofelicitacionmovil{
      font-family: 'Satisfy', cursive;
border:none;
color: #000;
     font-size: 1.4em;
}


.verde {
font-weight: bold;
color: #8ab53f;	
	
}


.sedes{
font-family: Arial, Calibri;
text-align: center;
color: #fff;
margin-top: 80px;	
	
	
	
}
.frase{
 font-family: 'Gloria Hallelujah', cursive;
margin-top: 50px;
color: #fff724;
font-size: 28px;
text-align: center;
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
-webkit-text-fill-color: #fff724;
-webkit-text-stroke: 1px black;
}

.frase-movil{
 font-family: 'Gloria Hallelujah', cursive;
 font-size: 1.4em;
margin-top: 50px;
color: #fff724;
font-size: 28px;
text-align: center;
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
-webkit-text-fill-color: #fff724;
-webkit-text-stroke: 1px black;
}
.fportada{
    color: green;
    line-height: 1.8em;
}


@media screen and (max-width: 600px) {
#textofelicitacion{
display:none;
}
}

@media screen and (min-width: 600px) {
#textofelicitacionmovil{
display:none;
}
}

@media screen and (min-width: 600px) {
.frase-movil{
display:none;
}
}

@media screen and (max-width: 600px) {
.frase{
display:none;
}
}