.logo{
	margin: 30px;
}
.panel-primary{
    border: 0;
}

.panel-primary .panel-heading{
    background-color: #6c6d70; 
    border-color:#6c6d70;
    color: #ffffff;
    text-align: center;
}
.panel-primary .panel-heading:hover{
    color: orange;
}
.panel-body{
    padding:0;
    height: 100px;
overflow-y: hidden;
}
.imgfit{
    width:100%;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
    font-size: 130%;
}

li a {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color:#58595d;
}

li a:hover {
    color: orange;
}
li a:active {
    color: orange;
}

.previous {
    background-color: #f1f1f1;
    color: black;
    margin-left: 15px;
    margin-top: 5px;
}
.round {
    border-radius: 50%;
}

.projects{
    font-family: Calibri;
    margin: 5% 5% 1% 10%;
    font-size:90%;
}
.services{
    font-family: Calibri;
    margin: 8% 18% 3% 3%;
    font-size:110%;
}

@media (min-width: 992px) { 
.scroll{
    max-height:480px;
    overflow-y:scroll;
    overflow-x:hidden;
}
#style-9::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-9::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-9::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

}