/* ------------------- Basics ------------------- */
body { 
    font-family: Verdana, sans-serif;
    font-size: 15px;
    color: #31383F;
    background-color: #F0F0F0;
    margin: 0;
    padding: 0;
}

p { 
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 1em 0;
    text-align: left;
}


/*--------------------------*/








p.address { 
    font-size: 13px;
    margin-top: 20px;
}

/* Headings */

h2 { font-size: 24px; color: #bbb; margin: 15px 0; }
h3 { font-size: 20px; color: #bbb; text-align: center; margin: 22px 0 15px; }
h4 { font-size: 18px; font-weight: bold; color: #006699; margin: 22px 0 2px; }
h5 { font-size: 15px; color: #006699; margin: 20px 0 9px; }

/* Links */
a { text-decoration: underline; color: #4E4C48; }
a.large {font-weight: bold; color: #006699; }

/* ------------------- Layout ------------------- */
#main {
    background: #ffffff;
    max-width: 1200px;
    margin: auto;
    padding: 0 0px;
}

#bigpic img {
    width: 100%;
    height: auto;
    max-width: 1200px;   /* won't grow larger than this */
    display: block;
    margin: 0 auto;
}

#name {
    width: 100%;
    display: block;
    border-bottom: 2px solid #006699;
    padding-bottom: 2px;
}

#portrait img{
 
    border-radius: 5px;
    margin: auto  auto;
    max-width: 250px;
}

#contact {
    margin-top: 20px;
}

/* Text content */
#text {
    margin: 20px auto auto 20px;
}

#pubs {
    margin: 20px 30px;
}

/* Footer caption */
#caption {
    text-align: left;
    font-size: 10pt;
    color: #aaa;
    border-top: 1px dotted #aaa;
    padding-bottom: 10px;
}

/* ------------------- Responsive ------------------- */
@media (min-width: 768px) {
    #centerspace {
        display: flex;
	align-items: flex-start;
    }

    #portrait {
        flex: 1 1 200px;
        margin: 30px 30px;
	float: left;
    }

    #contact {
        flex: 1;
        margin-left: 20px;
    }

    #text {
        flex: 1 1 100%;
	margin: 30px 70px auto 50px;
	max-width: 700px;
    }

    h1 {
	margin: 15px 30px;
	font-size: 26px;
	text-align: left;
    }
}




@media (max-width: 767px) {
    body { font-size: 14px; }
    h1 { font-size: 22px;
	 text-align: center;}

    #portrait {
        float: center;
        margin: 20px auto;
        text-align: center;
    }

    #contact { text-align: left;
	       margin: auto auto 20px 20px;}

    #text {
        margin: 20px 20px;
    }
    
}