.logo {
    width: 100%;
}
.template-cover2 {
    min-height: 100px !important;
    height: 348px !important;
    background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0)), url('/assets/images/hero-image.jpg') no-repeat center center/ cover;
}
.template-cover {
    background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0)), url('/assets/images/hero-image.jpg') no-repeat center center/ cover;
}
.template-counter-style-2 {
    background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0)), url('/assets/images/counter-image-bg.jpg') no-repeat center center/ cover;
}
.template-features-style-1 {
    background-image: url(/assets/images//full_4.jpg);
}
.template-pricing-style-2 .pricing {
    width: 100%;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.template-projects .img-responsive{
    max-width: 40%;
}
#pricing .pricing-price {
    margin: 0 -1px;
}
#contact .logo-box {
    margin-bottom: 25px;
}
#login .btn-primary{
    margin-left: 400px;
}
#request .btn-primary {
    margin-left: 385px;
}
#signup-header h1 {
    margin-top: 30px;
}
#mu-pricing .container {
    margin-bottom: 30px;
}
/** Styles for smartphones */ 
@media only screen and (max-width: 600px) {
    #login .btn-primary{
        margin-left: 270px;
    }
    .logo {
        width: 70%;
    }
}

/*
Shorthand 	Description
m 	Margin
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/

.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }
.mx0 { margin-left:   0; margin-right:  0 }
.my0 { margin-top:    0; margin-bottom: 0 }

.m1  { margin:        var(--space-1) }
.mt1 { margin-top:    var(--space-1) }
.mr1 { margin-right:  var(--space-1) }
.mb1 { margin-bottom: var(--space-1) }
.ml1 { margin-left:   var(--space-1) }
.mx1 { margin-left:   var(--space-1); margin-right:  var(--space-1) }
.my1 { margin-top:    var(--space-1); margin-bottom: var(--space-1) }

.m2  { margin:        var(--space-2) }
.mt2 { margin-top:    var(--space-2) }
.mr2 { margin-right:  var(--space-2) }
.mb2 { margin-bottom: var(--space-2) }
.ml2 { margin-left:   var(--space-2) }
.mx2 { margin-left:   var(--space-2); margin-right:  var(--space-2) }
.my2 { margin-top:    var(--space-2); margin-bottom: var(--space-2) }

.m3  { margin:        var(--space-3) }
.mt3 { margin-top:    var(--space-3) }
.mr3 { margin-right:  var(--space-3) }
.mb3 { margin-bottom: var(--space-3) }
.ml3 { margin-left:   var(--space-3) }
.mx3 { margin-left:   var(--space-3); margin-right:  var(--space-3) }
.my3 { margin-top:    var(--space-3); margin-bottom: var(--space-3) }

.m4  { margin:        var(--space-4) }
.mt4 { margin-top:    var(--space-4) }
.mr4 { margin-right:  var(--space-4) }
.mb4 { margin-bottom: var(--space-4) }
.ml4 { margin-left:   var(--space-4) }
.mx4 { margin-left:   var(--space-4); margin-right:  var(--space-4) }
.my4 { margin-top:    var(--space-4); margin-bottom: var(--space-4) }

.mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }
.mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }
.mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }
.mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }

.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mx-auto { margin-left: auto; margin-right: auto; }

/*
Shorthand 	Description
p 	Padding
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative (margin only)
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/

.p0  { padding: 0 }
.pt0 { padding-top: 0 }
.pr0 { padding-right: 0 }
.pb0 { padding-bottom: 0 }
.pl0 { padding-left: 0 }
.px0 { padding-left: 0; padding-right:  0 }
.py0 { padding-top: 0;  padding-bottom: 0 }

.p1  { padding:        var(--space-1) }
.pt1 { padding-top:    var(--space-1) }
.pr1 { padding-right:  var(--space-1) }
.pb1 { padding-bottom: var(--space-1) }
.pl1 { padding-left:   var(--space-1) }
.py1 { padding-top:    var(--space-1); padding-bottom: var(--space-1) }
.px1 { padding-left:   var(--space-1); padding-right:  var(--space-1) }

.p2  { padding:        var(--space-2) }
.pt2 { padding-top:    var(--space-2) }
.pr2 { padding-right:  var(--space-2) }
.pb2 { padding-bottom: var(--space-2) }
.pl2 { padding-left:   var(--space-2) }
.py2 { padding-top:    var(--space-2); padding-bottom: var(--space-2) }
.px2 { padding-left:   var(--space-2); padding-right:  var(--space-2) }

.p3  { padding:        var(--space-3) }
.pt3 { padding-top:    var(--space-3) }
.pr3 { padding-right:  var(--space-3) }
.pb3 { padding-bottom: var(--space-3) }
.pl3 { padding-left:   var(--space-3) }
.py3 { padding-top:    var(--space-3); padding-bottom: var(--space-3) }
.px3 { padding-left:   var(--space-3); padding-right:  var(--space-3) }

.p4  { padding:        var(--space-4) }
.pt4 { padding-top:    var(--space-4) }
.pr4 { padding-right:  var(--space-4) }
.pb4 { padding-bottom: var(--space-4) }
.pl4 { padding-left:   var(--space-4) }
.py4 { padding-top:    var(--space-4); padding-bottom: var(--space-4) }
.px4 { padding-left:   var(--space-4); padding-right:  var(--space-4) }

:root {
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
}