#st5g_backwash{
	display: none;
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.8);
	z-index:99999;
}
.st5g_modal{
	display: none;
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	color: #79decc;
	height:100%;
	width:100%;
	padding:30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	justify-content: center;
	align-items: center;

}

.st5g_modal_panel{
	width:100%;
	max-width: 1100px;
	background-color:#254E5E;
	padding: 30px 4vw;
	max-height: 100%;
	overflow-y: auto;
}

.st5g_modal h3{
	margin-top: 0;
    margin-bottom: 12px;
    font-size: 2.2rem;
}
.st5g_modal_image{
	width: 100%;
	height: 25vw;
    min-height: 140px;
    max-height: 360px;
}

.st5g_modal_content p{
	width: 60%;
}
.st5g_modal_content .st5g_button{
	float: right;
}
a.st5g_modal_close{
	float: right;
	font-size: 2.2rem;
	font-weight: bold;
	color: #79decc;
}

a.st5g_modal_close:hover{
	color: #79decc;
}
#st5g_links{
	background-color: #6bd4f2;
}

#st5g_plane,#st5g_case,#st5g_column,#st5g_crane,#st5g_headset{
	cursor:pointer;
}
#st5g_plane_hover,#st5g_case_hover,#st5g_column_hover,#st5g_crane_hover,#st5g_headset_hover{
	display: none;
}

@media only screen and (max-width: 800px) {
	.st5g_modal_content .st5g_button{
		float: none;
		margin-top: 30px;
		margin-bottom: 10px;
	    display: inline-block;
	}
	.st5g_modal_content p{
		width: 100%;
	}

}