.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 8px;
    text-align: center;
    margin: auto;
    padding:0px;
    z-index:2;
}

.navbar-toggle {
    z-index:1;
}


 
#content-wrapper {
	position:absolute;
	z-index:1 !important;
	
}
.title{ color:white;  }


.social-icon {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-icon li{
  display: inline-block;
  text-align: center;
}

.social-icon a {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  margin-right: 5px;
}

.social-icon a {
  background: rgba(255, 255, 255, 0.85); /* social icon background color */
  color: #266884; /* social icon color */
}

.social-icon a:hover {
  background: rgba(255, 255, 255, 0.25); /* social icon hover background color */
  color: #fff; /* social icon hover color */
}

.footer {
  
  
  bottom:0;
  padding-top: 5px;
  width: 100%;
  height: 60px;
  background-color: #266884;
}


h1,
h2 {
  font-weight: 500;
  margin: 0px 0px 5px 0px;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 16px;
}

p {
  margin: 0px;
}


 .card {
            padding-top: 20px;
            margin: 10px 0 20px 0;
            background-color: #ffffff;
            border: 1px solid #d8d8d8;
            border-top-width: 0;
            border-bottom-width: 2px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }


            .card.hovercard {
                position: relative;
                width: 350px;
                display:flex;
                flex-direction:column;
                align-items:center;
                padding-top: 0;
                overflow: hidden;
                text-align: center;
                background-color: #fff;
            }

                .card.hovercard img {
                    width: 100%;
                    height: 100px;
                }

                .card.hovercard .avatar {
                    position: relative;
                    top: -40px;
                    margin-bottom: -40px;
                }

                    .card.hovercard .avatar img {
                        width: 80px;
                        height: 80px;
                        max-width: 80px;
                        max-height: 80px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

                .card.hovercard .info {
                    padding: 4px 8px 10px;
                }

                    .card.hovercard .info .title {
                        margin-bottom: 4px;
                        font-size: 24px;
                        line-height: 1;
                        color: #262626;
                        vertical-align: middle;
                    }

                    .card.hovercard .info .desc {
                        overflow: hidden;
                        font-size: 12px;
                        line-height: 20px;
                        color: #737373;
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        height:320px;
                        text-overflow: ellipsis;
                    }

                .card.hovercard .bottom {
                    padding: 0 20px;
                    margin-bottom: 17px;
                }

            .card.people .card-bottom {
                position: absolute;
                bottom: 0;
                left: 0;
                display: inline-block;
                width: 100%;
                padding: 10px 20px;
                line-height: 29px;
                text-align: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
            
            
             /* carousel */.media-carousel
        {
            margin-bottom: 0;
            padding: 0 30px 0px 30px;
            margin-top: 0px;
        }
        /* Previous button  */.media-carousel .carousel-control.left
        {
            left: -12px;
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 30px;
        }
        /* Next button  */.media-carousel .carousel-control.right
        {
            right: -12px !important;
            background-image: none;
            background: none repeat scroll 0 0 #222222;
            border: 4px solid #FFFFFF;
            border-radius: 23px 23px 23px 23px;
            height: 40px;
            width: 40px;
            margin-top: 30px;
        }
        /* Changes the position of the indicators */.media-carousel .carousel-indicators
        {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }
        /* Changes the colour of the indicators */.media-carousel .carousel-indicators li
        {
            background: #c0c0c0;
        }
        .media-carousel .carousel-indicators .active
        {
            background: #333333;
        }
        .media-carousel img
        {
            width: 100%;
            height: 100px;
            
        }
        /* End carousel */