@charset "UTF-8";

/* ma-event-plannerss.css 
	Must load last, after ma-mobile.css */

#wrapper, #content-wrapper {
	width:100%;
	max-width:100vw;
}

#page-content {
	width:100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
}

#pageheadergroup h2.subtitle {
	font-size:1.7rem;
}
	
#video-wrapper1 {
	width:100%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

.panel-wrapper {
	width:vw;
}

#collaboration-panel .panel-photo,
#signature-panel .panel-photo,
#customized-panel .panel-photo {
	width:98%;
}

#collaboration-panel .panel-content,
#signature-panel .panel-content,
#customized-panel .panel-content {
	width:94%;
	margin:1rem auto 0 auto;
}

#collaboration-panel img,
#signature-panel img,
#customized-panel img {
	width:100%;
	margin-top:1rem;
	border-radius:0;
}

#collaboration-panel.content,
#signature-panel.content,
#customized-panel.content {
	width:96%;
	margin:0 auto;
}

h2.panel-header {
	font-size:1.9rem;
	margin-top:2rem;
}

#page-content p.view-signatures {
	text-align:center;
	margin-top:3rem;
	margin-bottom:1rem;
}

#keynote-video-panel {
	width:96%;
	margin:1rem auto 0 auto;
}

#keynote-video-panel img {
	width:100%;
}
	
	/* IPad Portrait */
@media (min-width: 780px) {

	#pageheadergroup h2.subtitle {
		font-size:1.9rem;
	}
	
	h2.panel-header {
		margin-bottom:2rem;
	}
	
	#narrow-page-content {
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
	}

	#narrow-page-content p {
		margin-left:8rem;
		margin-right:8rem;
	}	

	#collaboration-panel,
	#signature-panel,
	#customized-panel {
		width:95%;
	}
	
	#collaboration-panel,
	#customized-panel,
	#signature-panel {
		margin-left:2%;
		margin-right:2%;
	}

	#collaboration-panel .panel-photo,
	#signature-panel .panel-photo,
	#customized-panel .panel-photo {
		width:50%;
	}

	#collaboration-panel .panel-photo,
	#customized-panel .panel-photo {
		float:left;
	}
	
	#signature-panel .panel-photo {
		float:right;
	}
	
	#collaboration-panel .panel-content,
	#signature-panel .panel-content,
	#customized-panel .panel-content {
		width:48%;
		float:left;
	}
	
	#keynote-video-panel {
		max-width:720px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#keynote-video-panel h2.panel-header {
		font-size:2.0rem;
	}
}

	/* Ipad Landscape */

@media (min-width:1060px) {

	#narrow-page-content {
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
	}

	#narrow-page-content p {
		margin-left:8rem;
		margin-right:8rem;
	}	

	#collaboration-panel .panel-content,
	#signature-panel .panel-content,
	#customized-panel .panel-content {
		width:47%;
		margin-left:3%;
	}

	#signature-panel .panel-photo {
		width:50%;
	}

	#signature-panel .panel-content {
		width:45%;
		margin-top:2rem;
		margin-right:1%;
	}

	#signature-panel img {
		margin-top:1rem;
	}

}

	/* Desktop */
	
@media (min-width:1500px) {
	
	h2.panel-header {
		font-size:2rem;
	}
	
	#collaboration-panel,
	#signature-panel,
	#customized-panel {
		width:65%;
	}
	
	#collaboration-panel,
	#signature-panel,
	#customized-panel {
		margin-left:auto;
		margin-right:auto;
	}
}