html {
  overflow-y: scroll;
}

html, body {
    background-color: rgb(231,230,230);
}
.outer-outer-wrapper{
    background-color: rgb(231,230,230);
    padding: 10px 40px 0px 40px;
}

.outer-wrapper{
    background-color: white;
    padding: 20px 20px 0px 20px;
    max-width: 1250px;
    margin: auto;
}



.pt-28{font-size: 37px;}
.pt-24{font-size: 32px;}
.pt-18{font-size: 24px;}
.pt-16{font-size: 21px;}                 
.pt-12{font-size: 16px;}   



/***********
** HEADER ** 
***********/
.header-title-lg, .header-title-md{
    font-family: georgia;
    font-weight: bold;
}

.header-title-lg{
    font-size: 37px;
    padding-top: 15px;
    margin-bottom: 0px;
    line-height: 40px;
}

.header-title-md{
    font-size: 32px;
}

.header-a:hover{
    color: rgb(56,97,136);
    cursor: pointer;
    background-color: white;
    text-decoration: none;
}

.header-a{
    display: inline-block;
    padding: 5px 8px 15px 8px;
    font-size: 21px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.active{
    background-color: white;
    color: rgb(56,97,136);!important;
}

.separator {
    display: inline-block;
    font-size: 21px;
    width: 3px;
}
.trans{color: transparent}
/***********
** HEADER ** 
***********/



/**********************
** Start of carousel **
**********************/

#carousel-text-title, #carousel-text-navbar{
position: absolute;
color: white;
padding-left: 20px;
}

#carousel-text-title{top:30px;}
#carousel-text-navbar{top:195px;}

.bg {background-size:cover;height:202px;}
.bg1 {background-image:url(images/bar_1.jpg);}
.bg2 {background-image:url(images/bar_2.jpg);}
.bg3 {background-image:url(images/bar_3.jpg);}
.bg4 {background-image:url(images/bar_4.jpg);}

/**********************
** END of carousel **
**********************/




/**************
** MAIN BODY ** 
**************/

#body-container{ padding: 0px 5px;}
#body-container .img-responsive{width: 100%;}
p{font-size: 16px; margin-bottom: 15px;}

.blue-header{
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 3px solid rgb(127,127,127);
    color: rgb(56,97,136);
    margin-top: 30px;
    margin-bottom: 15px;
}

.blue-subheader{
    color: rgb(56,97,136);
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
}


#right-grey-box{
    background-color: rgb(217,217,217);
    border-radius: 10px;
    padding: 20px 30px 15px 30px;
    margin-top: 20px;
}
.gold-a{
    color: rgb(191,144,0);
    font-weight: bold;
    font-size: 21px;
    line-height: 26px;
    margin: 0px;
    display: block;
    text-decoration: none;
}

.gold-a:hover, .gold-a-class:hover, .gold-link:hover{
    color: rgb(191,144,0); 
}

.gold-a-class{
    color: rgb(191,144,0);
    font-weight: bold;
    font-size: 21px;
    text-decoration: none;
}
.gold-link{
    color: rgb(191,144,0);
    text-decoration: none;
}

#address{
    font-weight: bold;
    font-size: 21px;
    color: rgb(56,97,136);
    margin-top: 20px;
    margin-bottom: 0px;
    
}
/**************
** MAIN BODY ** 
**************/




/********************
** Start of footer **
********************/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 140px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
    margin-bottom: 24px;
    z-index: -999;
}

.footer .row{
    margin-left: 0px;
    margin-right: 0px;
}

#footer-fake-div{height: 600px;}
.footer p{margin-bottom: 0px;}
.footer .img-responsive{margin: 0 auto;}

/********************
** End of footer ****
********************/




/***********
** PEOPLE **
***********/
.people-info{font-size: 21px;}
.people-row{margin-bottom: 30px;}
.visible-xs .people-info{font-size: 16px;}
/***********
** PEOPLE **
***********/



/*****************
** PUBLICATIONS **
*****************/
.publication-list{padding-left: 20px; font-family: georgia; font-size: 14px;}
.publication-list span{font-size: 16px;}
/*****************
** PUBLICATIONS **
*****************/



/***********
** PERSON **
***********/
.person-header{font-size:22px; font-weight:bold; margin-top:24px;}
.person-info{font-size:22px; }
.person-img{float:right; margin-left:5px; width:200px;}

/* IPHONE */
@media(max-width:767px){
    .person-header{font-size:16px; font-weight:bold; margin-top:18px;}
    .person-info{font-size:16px;}
    .person-img{width:100px;}
}
/***********
** PERSON **
***********/





/***********
** PHONES **
***********/
@media(max-width:767px){
    .outer-outer-wrapper{
        padding: 0px;
    }
    .outer-wrapper{
        padding: 10px;
    }
    #carousel-text-title, #carousel-text-navbar{padding-left: 10px;}
    #carousel-text-title{top:10px;}
    #carousel-text-navbar{top:180px;}
    .header-a{
        padding: 4px 4px 15px 4px;
        font-size: 14px;
    }
}    
/***********
** PHONES **
***********/