html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
	padding-top: 100px;
}
.navbar-custom {
  position:fixed;
  top:0;
  left: 0;
  z-index:100;
  width:100%;
  height: 100px;
  line-height: 100px;
  max-height: 100px;
  text-transform: uppercase;

  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.navbar-custom div ul li a {
	font-size: 14px;
	font-weight: 700;
	padding:0;
	text-align: center;
	cursor: pointer;
}

.navbar-brand { 
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 0 !important;
}
.navbar-brand img { 
	height:95%;
}

.navbar-up{
	background: #8E0E00;
    background: -webkit-linear-gradient(to left, #1F1C18, #8E0E00);
    background: linear-gradient(to left, #1F1C18, #8E0E00);

}
.navbar-up div ul li a{
	color:white;
}
.navbar-up div ul li a:hover{
	background: #8E0E00;
}
.navbar-up .navbar-toggler {
	color:white;
}


.navbar-down{
	background: #fff;	
  	box-shadow: 0 7px 10px -5px #aaa;
}
.navbar-down div ul li a{
	color:black;
}
.navbar-down div ul li a:hover{
	background: #eee;
}

.navbar-down .navbar-collapse {
	background: #fff;
}

.title {
	text-align: center;
	font-size: 2em;
}

#compare-paralax {
	background: #8E0E00;
    background: -webkit-linear-gradient(to left, #1F1C18, #8E0E00);
    background: linear-gradient(to left, #1F1C18, #8E0E00);
	color: white;
	padding: 5em;
}
#compare-paralax .row .col-8 {
	text-shadow: 0 0 15px #000;
}
#compare {
	margin-top: -1px;
	margin-bottom: 2.5%;
}
.comparison-table {
	padding-left: 0;
	padding-right:0;
}
.comparison-table thead {
	background: #8E0E00;
    background: -webkit-linear-gradient(to left, #1F1C18, #8E0E00);
    background: linear-gradient(to left, #1F1C18, #8E0E00);
	color: white;	
	text-align: center;
}

.comparison-table tbody {
	text-align: center;
}

.table th {
	border-top: none;
}

.service-light {
	background-color: white;
	color:black;
}
.service-light .row .col-md-8 {
	padding: 5em;
}
.service-light .row .col-12 {
	position: relative;	
	text-align: justify;
}
.service-light .row .image .blur {
	position: absolute;
	top: 0;
	left:-1px;
	height: 100%;
	width:25%;
    background: linear-gradient(to left,rgba(255,255,255,0), rgba(255,255,255,1));
}

.service-dark {
	background-color: black;
	color:white;
}
.service-dark .row .col-md-8 {
	padding: 5em;
}
.service-dark .row .col-12 {
	position: relative;	
	text-align: justify;
}
.service-dark .row .col-12 .blur {
	position: absolute;
	top: 0;
	right:-1px;
	height: 100%;
	width:25%;
    background: linear-gradient(to right,rgba(0,0,0,0), rgba(0,0,0,1));
}


#avoid {
	/* margin-top: 2.5%; */
	padding: 2em;
	background: #444;
	background: linear-gradient(to left,#444, #777);
	color:white;
}

#footer {
	background: #000;
	color:#eee;	
	font-weight: 500;
	text-align: center;
	line-height: 5;
}


.btn-danger {
    color: #fff;
    background-color: #8E0E00;
    border-color: #8E0E00;
}




@media (max-width: 768px) {
	body {
		padding-top: 76px;
	}
	.navbar-custom {
  		height: 76px;
  		line-height: 76px;
  		max-height: 76px;
	}
	.navbar-brand img { 
		height:90%;
	}


    

	.navbar-up .navbar-collapse {
	   background: #8E0E00;
       background: -webkit-linear-gradient(to left, #1F1C18, #8E0E00);
       background: linear-gradient(to left, #1F1C18, #8E0E00);
	}
	.navbar-dpwn .navbar-collapse {
	   background: #FFF;
	}

	
	#compare-paralax {
		padding:0.5em 0 0.5em 0;
	}
	.service-light .row .col-md-8,.service-dark .row .col-md-8 {
		padding: 2em;
	}

	.service-dark  .row .col-md-4, .service-light .row .col-md-4 {
		display: none;
	}
	#avoid {
		padding: 2em;
	}

	.navbar-collapse.collapse.show {
		position: fixed;
		top:76px;
		left:0;
		width: 100%;
		-webkit-transition: all .4s ease;
  		-o-transition: all .4s ease;
  		transition: all .4s ease;
  		box-shadow: 0 7px 10px -5px #aaa;
	}
}