.section{
 display: none;
 background: #fff;
 border: 1px solid #808080;
 width:100%;
 max-width: 500px;
 position: absolute;
 left: 50%;
 top:  50%;
 transform: translate(-50%, -50%);
 background: rgba(255,255,255,0.95); 
 z-index:10;
} 

.section.active
{
 opacity: 1;
}

.section header{ padding-top:30px; padding-bottom:5px; }

.section h2
{
	text-align: center;
    margin: 30px 0px 24px 0px;
}

.section h3{
	display: inline-block;
	margin-top: 13px;
	margin-bottom: 5px;
}

.section p{
	margin-top:0px;
	line-height:1.5em;
}

.subsection
{
 display: block;
 box-sizing:border-box;
 padding: 20px 30px;
 color: #000;
 text-decoration: none;
}

.subsection:hover
{ 
 background: #f0f0f0;
}

#section_team figure{ margin-top:10px !important; }

.section .closer{ position:absolute; top:15px; right:20px; width:20px; height:20px; cursor:pointer; }
.section .closer:before, .section .closer:after{ content:''; width:13px; height:3px; background:#000; cursor:pointer; display:block; position:absolute; top:9px; right:3px; }
.section .closer:before{ transform:rotate(45deg); }
.section .closer:after{ transform:rotate(-45deg); }
.section .subsection figure{ width:18%; float:left; margin:0px 5% 0px 0px; }
.section .subsection figcaption{ width:77%; float:left; margin:0px 0px 0px 0px; }
.section .subsection figure img { width:100%; max-width:80px; } 

@media(max-width:550px){
	.section .subsection{ text-align:center; }
	.section .subsection figure{ width:100%; }
	.section .subsection figcaption{ width:100%; }
}
@media screen and (max-height:550px), screen and (max-width:550px){
	.section .closer{ position:fixed; }
	.section{ width:90%; max-height:90%; overflow: auto; }
}
/*#section_closer{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:9; display:none; }
#section_closer.out{ display:block; }*/

.sectin table
{
 border-collapse: collapse;
 margin: 0;
}

.section td
{
 padding-left: 0;
 padding-bottom: 12px;
 padding-right: 8px;
 vertical-align: top;
 text-align: left;
}

.section a
{
 text-decoration: none;
 padding: 4px;
}

.section table a:hover
{
 background: #ffa040;
}
