/* Smartphone */
@media screen and (max-width: 480px){
    p.mobile {display:block}
    p.desktop {display:none}
    
    .memphoto {
	clear: both;
	float: center;
	padding-top: 1%;/*0.43em;*/
    margin-top: 0px;
    width:100%;
	min-width: 5em;
    }

    .member {
	clear: both;
	width: 100%;
    }
    
    .memdesc {
	clear: both;
    float: center;
    padding-top: 1%;
    width:100%;
	min-width: 13em;
    }
    
    .mem-name {
    width:100%;
    font-size:1em; 
	line-height:1.5;
	margin:0;
	padding:0.15em;
    }
    
    .mem-pos {
    width:100%;
    text-decoration:underline;
    }
}

@media screen and (min-width: 481px){
    p.mobile {display:none}
    
.memphoto {
	clear: left;
	float: left; 
	padding-top: 0.3em;
    width: 17%;
    min-width:10em;
}
.member {
	clear: both;
	width: 100%;
}
.memdesc {
	float: left;
    padding-top: 1.2em;
	width: 70%;
}

.mem-name {
    width:100%;
    font-size:1em; 
	line-height:1.5;
	margin:0;
	padding:0.15em;
    }
    
.mem-pos {
    width:100%;
    text-decoration: underline;
    }