body, html{
	padding: 0;
	margin: 0;
	
}
p{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
}
a{
    color: #FFFFFF;
	text-decoration: none;
}
.contain{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
	background-image: url('../images/bgIntro.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.boxLogo{
	border: 1px solid #E3E3E3;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	border-radius: 20px 0 20px 0;
}
.logo{
	width: 300px;
}
.boxIntro{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 30px 0 30px 0;

	display: block;
    width: 600px; 
    height: auto;
    max-width: 600px;
	min-height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	
	background-color: rgb(47 176 209);
	z-index: 1000;
	box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.6);
}
	.boxIntro > div{
		padding: 35px;
		text-align: center;
	}
	
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/



/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (max-width: 767px) {
  
  .boxIntro{
		/*position:relative;
		z-index: 10;
		top: inherit;
		left: inherit;
		margin-top: 20px;
		margin-left: inherit;*/
		width: 100%;
	}
	.boxIntro .logo{
		width: 100%;
	}
  
}