@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700|Ubuntu:400,700|Noto+Serif:400,700&display=swap');

body{
    font-family: 'Roboto', sans-serif;
}

.larger-icon i{
    font-size: 130%;

}

h1, h2, h3, h4, h5 {
    font-family: 'Ubuntu', sans-serif; 
    font-stretch: semi-condensed;
}

.content p{
    font-family: 'Noto Serif', serif;
}



a, a:hover{
    color:#00AEEF;
}

.btn-warning{
    background-color: #FFCB73;
}


.btn-warning:hover{
    background-color: #ffbb47;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

/*
.animate{
    opacity: 0;
}
*/

.text-muted {
    font-size: 80%;
}

#main-navbar .dropdown-menu{
    margin-top: -5px;
}

.pal-background {
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.content {
    overflow: hidden;
}

.anchor{
    position: relative;
    top: -300px;
}

.pal-background img{
    width: 100%;
}

#first-content{
    background-size: 40%;
}

.home-group-icon{
    height:60px;
}

.home-group-icon img{
    height: 100%;
    vertical-align: bottom;
}

.sponsor {
    height: 55px;
    text-align: center;
}

.sponsor img{
    height: 100%;
    vertical-align: bottom;
}

.media-body{
    background-color: #f5f5f5;
    padding: 20px 10px 0 10px;
}

.avatar {
    height: 200px;
    width: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    overflow: hidden;
    /*border-radius: 50%;*/
}

.avatar-box a {
    text-decoration: none;
    color: black;
}

.group-content{
    padding: 30px;
    background-color: #e8e8e8;
    border-radius: 10px;
}

.publications p {
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.step-block{
    padding: 20px;
    background-color: #f3f3f3;
    border-radius: 10px;
}

@media (max-width: 575.98px) { 
    #first-content{
        background-size: 60%;
    }
}

@media (max-width: 767.98px) { 
    #first-content{
        background-size: 100%;
    }
}

@media (max-width: 991.98px) { 
    #first-content{
        background-size: contain;
    }
}

@media (max-width: 1199.98px) { 

}