body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Nimbus-Sans", Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   font-size: 18px;
}


@media (max-width: 380px) {
	.navbar-brand { font-size: 17px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar { font-size: 15px; }
}

@media (max-width: 767px) {
	.img-procedure, .img-slide {
		margin: 0px 0px 0px 5px !important;
		max-width: 329px !important;
		max-height: 200px !important;
	}
	#facelift-slide, #megapeel-slide, #necklift-slide {
		width: 329px !important;
		max-height: none !important;
	}
}

#procedures .modal-header {
	text-align: center;
}

footer {
   color: #fff;
}

.background {
    height:100vh;
    background: url('http://mician.net/images/main-bkg.jpg') no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.marquee {
    background: url('/images/marquee-bkg.jpg') top center no-repeat !important;
    background-size: cover !important;
    height: 250px !important;
}

.overlay { position: absolute; bottom: 50px !important; width: 100%; z-index: 10; padding: 30px 0; margin: 0 0;  }

@media only screen and (max-device-width: 667px) and (orientation : landscape) {
.overlay { bottom: 15px !important; padding-bottom: 0; }
img#whitelogo.img-responsive {  max-width: 400px; }
}

#procedures > div > div {
	padding: 25px;
}

#contactus { margin-left: 2em; }
#contactus dt { margin-top: 10px; margin-bottom: 5px; }
#contactus dd { margin-left: 2em; margin-bottom: 15px; }

.img-procedure {
	margin: 0px 0px 0px 10px;
	max-width: 200px;
	max-height: 120px;
	float: right;
}

.img-slide {
	margin: 0px 0px 0px 10px;
	max-width: 200px;
	max-height: 200px;
	float: right;
}


/*
** missing in Bootstrap 3 ------------------------------------------------------------
*/

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}