body.home  { 
	background: url(../images/fondo-portada.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
body.si  { 
	background: url(../images/fondo-si-no.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
body.no { 
	background: url(../images/fondo-no.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
html, body {height:100%!important; min-height:100%!important;}
img {width: 100%}
p { margin:0 0 5px;}
.familia { max-width: 600px;}
.familiamobile { max-width: 300px;}
.hijos { max-width: 700px;}
.hijosmobile { max-width: 350px;}
.adorno { max-width: 266px;}




.invitacion {color: #fff; font-size: 1.4em; width: 100%; max-width: 900px; text-align: center; margin-top: 6% ;font-family: 'Petit Formal Script', cursive;  text-shadow: 2px 2px #999; margin-left: auto; margin-right: auto;}
.portada { margin-top: 10%}
.botonsino { display: inline-block; padding: 2px; width: 40%; max-width: 300px; border:1px solid white; text-align: center; color: #fff; font-size: 1.2em; cursor: pointer;text-shadow: none; }
.botonsino:hover { background-color: #fff; color:#482231;}

.botonconfirmar { display: inline-block; padding: 10px 0; width: 60%; max-width: 360px; border:1px solid white; text-align: center; background-color: #fff; color:#482231; font-size: 1em; cursor: pointer; margin-bottom: 20px; margin-top:20px;text-shadow: none; }
.mobileimg { display: none;}

@media(max-width:767px){
.desktopimg { display: none;}
.mobileimg { display: block;}


}
@media(min-width:768px){



}