/* CSS Document */
.header{
	background:url("../../repository_images/social-compass/socila-media-marketing-dashboard.jpg") #231f20 left no-repeat;
	height:563px;
}
.mobile-btns{
	display:none;
}
.navbar-brand img{
	width:220px;
}
.modal-features{
	display:flex;
}
.sc-video-demo{
	position:static;
}
.header{
	margin-top:100px;
}
.sc-video-demo .demo-video iframe{
	
}
.navbar-dark .navbar-nav .nav-link {
	font-size:14px;
}
.trial-demo-logo-placer .trial{
	bottom: -20px;
    left: 12px;
    width: 350px;
    font-size: 28px;
}
.trial-demo-logo-placer .demoBtn{
	bottom:5px;
	right:40px;
	width:40%;
	font-size:14px;
}
.sc-video-demo img{
	width: 70%;
    margin-bottom: 10%;
    margin-left: 15%;
	height:auto;
}
.sc-video-demo .trial-demo-logo{
	position:absolute;
	top:168px;
	right:0px;
	left:auto;
	width:50%;
	display:block;
}
.mid-panel{
	padding-top:45px;
	padding-bottom:45px;
}
.mid-panel h2{
	font-weight:normal;
	margin-bottom:20px;
	font-size: 50px;
}
.mid-panel .btn-secondary {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 33px;
}
.mid-panel .mid-content img{
	width:100%;
	height:auto;
}
.footer-panel .card .card-title{
	font-size:18px;
}
.footer-panel .card .card-text{
	font-size:14px;
}
.footer-panel .card .card-body{
	padding:1.25rem;
}