@font-face {
  font-family: Segoe;
  src: url(../fonts/Segoe-UI.ttf);
}

body {
    font-family: Segoe;
    background-color: #faf8f7;
}

.offcanvas {
    transition: .3s;
}

#main-content {
    background-image: url('../images/bg_5.jpg');
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#secbg {
  background-color: rgba(255, 255, 255, 0.85);
}

#contactbg {
  /*background-color: #7c96a5;*/
    background-color: rgba(124, 150, 165, 0.75);
    background-color: rgba(255, 255, 255, 0.85);
}
.list-group-item.active {
    background-color: #4ca1a6;
    border-color: #4ca1a6;
}

.logo {
	height: 100px;
}
#contact-content {
    background-image: url('../images/bg_contact.jpg');
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-img-top {
    width: 100%;
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
}
.card-body {
    text-align: center;
}