html, body, .ui-page{
  height: 100%;
  margin: 0;
  padding: 0;
}

.ui-page, .ui-header, .ui-footer{
	background-image: -webkit-linear-gradient(top, #1C6897 45px, #2B7DB4);
	background-image: -ms-linear-gradient(top, #1C6897 45px, #2B7DB4);
	background-repeat: repeat-x;
	background-color: #2B7DB4;
}

	.ui-content h1{
		text-align: center;
	}

	.ui-content h3{
		text-align:center;
		margin-bottom:2em;
	}

/* .ui-page, .ui-page * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-content {
  height: calc(100% - 94px);
} */

	.ui-content img{
		margin: 10px auto 40px;
		display: block;
	}
	
	.ui-content #ayunt{
		height: 190px;
	}
		
.img-contain {
	  width: 50%;
	  height: 15em;
	  margin: 0 auto;
	  overflow: hidden;
	  --background: #2980b9;
	  @include border-radius(.5em);
}
	.img-contain img{
		position: relative;
		max-height: 100%;
		--left: 50%;
		margin: 0px auto;
		@include translateX(-50%);

		@media(min-width: 800px) {
			top: 50%;
			left: 0;
			max-height: none;
			width: 100%;
			@include translateY(-50%);
		}
	}
  
.text-campanya{
	text-align:justify;
	margin: 20px auto;
	background: gray;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	border-radius: 7px;
	overflow: hidden;
}

.error{
color:red;
}

/*invent meu*/
.ui-content-popup{
padding:1em;
}