@import url('https://fonts.googleapis.com/css?family=Tangerine');

html,body{  height: 100%; }
#wrapper{height: 100%;}

#page-wrapper {
	width: 100%;
  	float: none;
  	position: absolute;
  	box-shadow: none;
  	overflow: visible;
	margin-left:-1px;
	width:100%;
    height:100%;
	/*background: url("/copernico/image/portale_copernico.jpg") no-repeat center center fixed;*/
	
	background-color: rgba(255, 255, 255, 0%)!important;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.welcome{font-style:uppercase;margin-top: 2%;}
.welcome h2{
	font-weight: bold;
    font-size: 18px;
	text-transform:uppercase;
	color:white;
}
.slogan{color:white;font-family: 'Tangerine', cursive;font-size: 90px;}
.panel-default>.panel-heading{
	background-color:#003c20;
	color: white;
	border-bottom:none;
	width: 80%;
    border-radius: 8px;
    position: absolute;
    top: -20px;
	font-weight: bold;
	font-size:16px;
}
.panel-default>.panel-heading i.fa{
	margin-right:5px;
	margin-left: 15px;
}
.panel-default>.panel-body{
	padding-top: 35px;
}
.panel{
	border:none;
	background-color: rgba(255, 255, 255, .65);
	border-radius: 15px;
}
.btn-white {
    color: #fff;
    background-color: transparent;
    border-color: white;
}
.btn-white:hover {
    background-color: white;
    border-color: white;
}

@media only screen and (max-width: 1280px) {
	.panel-default>.panel-heading{font-size: 14px;}
	.welcome{margin-top: 20%;}
	.slogan{font-size: 70px;}
}

@media only screen and (max-width: 800px) {
	.welcome{margin-top: 30%;}
	.slogan{font-size:50px;}
}