@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);

body {
  font-family: 'Titillium Web', cursive;
  margin: 0;
  padding: 0;
}

header{
    padding: 10px auto;
    text-align: center;
	margin-bottom:20px;
	background: linear-gradient( 180deg, rgba(255,255,255) 30%, rgba(255,255,255,0) 100%);
}

.logo{
    text-align: center;	
}

.logo img{
	max-width: calc(100% - 20px);
	max-height: 120px;
    width: auto;
}

header h1{
	margin: 10px auto;
	font-size: 2.5rem;
	color: #f6da74;
	background: rgb(0 181 161 / 90%);
    box-shadow: 0 5px 6px #000;	
}


#meet{
	width: calc(100% - 20px);
	padding-top: 56.25%;
	position: relative;
	max-width: 1280px;
	margin: 0 auto;	
    margin-bottom: 30px;
    border: #fff 3px solid;
    box-shadow: 5px 5px 6px #000;
    overflow: hidden;
    border-radius: 30px;
    display: none;
}

#bottoni{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

#bottoni .button {
	display: inline-block;
    margin: 8px;
    padding: 3px 8px;
    background: #19bcaa;
    color: #000000;
    text-decoration: none;
    border-radius: 5px;	
}

@media (orientation: portrait) {
	#meet{
		height: 93vh;
		padding-top: 0;
		margin-bottom: 30px;		
	}
  
}

@media screen and (min-width: 1570px){
	#meet {
		width: 1280%;
		padding-top: 720px;
	}
}

#meet iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#meet .massegebox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
    color: #052f2b;
    background: linear-gradient( 134deg, rgb(255 255 255 / 80%) 30%, rgb(194 249 244 / 80%) 50%, rgb(255 255 255 / 80%) 80%);
}	

.massegebox h3{
    font-size: 2rem;
    text-align: center;
    margin: 15px;
}

.massegebox p{
    font-size: 2rem;
    text-align: center;
    margin: 15px;

}

.massegebox a{
    font-size: 2rem;
    text-align: center;
    margin: 15px;
    color: #052f2b;
    text-decoration: none;
}