@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: rgb(124, 150, 165);
    border-color: rgb(124, 150, 165);
}

.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;
}