body{
   min-width:750px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:600px;            /* As IE6 ignores !important it will set width as 1000px; */
   background-color: #e3f8fb;
}

.proj_row {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.proj_txt {
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    width: 50%;
    /*height: 450px;*/
    margin-bottom:20px;

}
.proj_img {
    vertical-align: top;
    display: inline-block;
    width: 50%;
    /*margin-top: 35px;*/
    padding-left: 10px;
    padding-right: 10px;
}
.old_proj {
    width: 40%;
    margin-left: 10px;
}
.proj_img h5 {
    color: #003399;
    text-align: center;
}
.proj_fig {
    width: 100%;
    /*min-width: 300px;*/
}
.main_container {
  max-width: 800px;
  margin: auto;
}

#content_container {
    margin-top: 1em;
}

body p {
    text-align: left;
}

.img-headshot {
    display: block;
    max-width: 150px;
    margin-top: 2em;
}
.jumbotron {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 1em;
    background-position : center center;
    background-size : 103% 103%;
    background-repeat: no-repeat;
    background-image: url(../img/headerbackground.png);
    border-left: 1px solid rgb(171, 200, 199);
    border-right: 1px solid rgb(171, 200, 199);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}
.jumbotron h1 {
    font-size: 2em;
    line-height: 1em;
}
.jumbotron p {
    font-size: 1.1em;
    margin-bottom: 0.01em;
}
.face-name div {
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: top;
}
.face-name .title{
    margin-top: 3em;
}

.outertextbox {
    background-image: url(../img/simplebackground.png);
    background-position : center center;
    background-size : 120% 120%;
    background-repeat: no-repeat;
    background-color: hsla(178, 20%, 75%, 1);
    margin-top: -2px;
    /*padding: 12px;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 2px solid hsla(178, 20%, 75%, 1);
    text-align: center;
}
.textbox{
    margin-top: 12px;
    margin-bottom: 5px;
    width: 670px;
    display: inline-block;
    /*margin-right:1em;*/
    /* width: 100%
    height: 100px;*/
/*    padding-left: 4%;
    padding-right: 1.5em;
    padding-top: 1.0em;
    padding-bottom: 0.5em;*/
}

.textbox p{
    font-size: 1.1em;
    font-weight: normal;
}

a.panel-heading {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.panel {
    border: 1px solid rgb(171, 200, 199);
        /*border: 2px solid hsla(178, 50%, 75%, 1);*/

}

.panel-default .panel-heading[aria-expanded="false"]{
    /*background-color: #BADBD6;*/
    /*border: 1px solid hsla(178, 50%, 75%, 1);*/
    background-position : center center;
    background-size : 110% 110%;
    background-repeat: repeat;
    background-image: url(../img/green_strip.png);
}

.panel-default .panel-heading[aria-expanded="true"], .panel-default .panel-heading a:hover, .panel-default a.panel-heading:hover{
    /*background-color: #BDE2EE;*/
    /*border: 1px solid hsla(178, 50%, 75%, 1);*/
    background-position : center center;
    background-size : 110% 110%;
    background-repeat: repeat;
    background-image: url(../img/blue_strip.png);
}

.panel-group .panel-body {
    /*border: 1px solid hsla(178, 50%, 75%, 1) !important;*/
    /*border-width: 0px 1px 1px 1px !important;*/
    border-width: 0px 0px 0px 0px !important;
    /*background-color: #F7FAFB;*/
}
.panel-group .panel-heading a, .panel-group a.panel-heading {
    outline: 0;
}
.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus, .panel-group a.panel-heading:hover, .panel-group a.panel-heading:focus {
    text-decoration: none;
}
.panel-group .panel-heading .icon-indicator {
    margin-right: 10px;
}
.panel-group .panel-heading .icon-indicator:before {
    content: "\e114";
}
.panel-group .panel-heading.collapsed .icon-indicator:before {
    content: "\e080";
}

.panel-body {
    background: #f1fdff;
    
}

/* Make "Earlier Research" panel-body white only */
#collapse2 .panel-body {
    background: #fff;
}

.face-name .title h1 {
    margin-bottom: 0.5em; /* add space below the headline */
}

.social-links {
    margin-top: 1em; /* add space above the social links */
}