body {
	background: #fff;
}
/* Default Link Color */

a, .la-ball-triangle-path {
	color: #000;
}
a:hover, #header.nav-solid nav a:hover {
	color: #e7b300;
}
/* Default Icon Color */

.icon i {
	color: #fff;
}
/* Border Color */

#banner .section-heading:before, .testimonial.classic footer:before {
	background: #000;
}
.pricing-block-content:hover {
	border-color: red;
}
/*------------------------------------------------------------------------------------------*/

/* 2. Navigation */

/*------------------------------------------------------------------------------------------*/

/* Transparent Navigation Color on a Banner */

#header nav a, #header i {
	color: #111;
}
/* Navigation Active State */

#header.nav-solid .active {
	color: #e7b300;
	border-color: #e7b300;
}
/*------------------------------------------------------------------------------------------*/

/* 3. Primary and Secondary Colors */

/*------------------------------------------------------------------------------------------*/

/* Primary Background and Text Colors */

.primary-color, .featured .pricing {
	background-color: red;
}
.primary-color, .primary-color .section-title, .primary-color .section-subtitle, .featured .pricing, .featured .pricing p {
	color: #fff;
}
.section-heading h2:after {
	/*background: url("../images/soulign.png") no-repeat right;*/
	content: "";
	display: block;
	width: 100px;
	height: 20px;
	margin-top: 10px;
}
.text-center .section-heading h2:after {
	margin: 30px auto 25px auto;
}
/* Primary Icon Colors */

.primary-color .icon i, .primary-color i {
	color: #fff;
}
/* Secondary Background and Text Colors */

.secondary-color {
	background-color: #f5f5f5;
}
/*------------------------------------------------------------------------------------------*/

/* 4. Banner */

/*------------------------------------------------------------------------------------------*/

/* Banner Background and Text Colors */

#myVideo {
  position:absolute;
  top:0;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  height: 520px;
  padding-top: 20px
}

@media all and (min-width: 970px) {
	#banner {
background: url("../images/peintre-en-lettres-bordeaux.jpg") no-repeat right;
background-repeat: no-repeat;
background-color: #48929d;
background-position: top right;
	}
}

@media all and (max-width: 969px) {
	#banner {
		background: url("../images/top_mobile.jpg") no-repeat right top;
		background-size: 200%;
		background-repeat: no-repeat;
	}
    

    
    #myVideo {
        display: none
}
}
/*------------------------------------------------------------------------------------------*/

/* 5. Typography */

/*------------------------------------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: normal;
	color: #111;
}


/* Section Title and Subtitle */

.section-title {
	font-family: 'Playfair Display', serif;     
	font-size: 34px;
	font-weight: 700;
	color: #111;
}
.section-subtitle {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: 300;
	color: #9c9c9c;
}
/* Testimonial */

.testimonial q {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 17px;
	font-weight: 300;
}
.testimonial.classic q, .testimonial.classic footer {
	color: #111;
}
/* Standard Headings h1-h6 */


h3 {
 font-family: 'Playfair Display', serif;
	color: #0a4a57;
    font-size: 22px;
	font-weight: 400;
    margin-bottom: 14px
}
h4 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 18px;
	font-weight: 400;
	color: #0a4a57;
}
h5 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: 400;
	color: #111;
}
h6 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 14px;
	font-weight: 400;
	color: #111;
}
/*------------------------------------------------------------------------------------------*/

/* 6. Buttons */

/*------------------------------------------------------------------------------------------*/

/* ----------Default Buttons---------- */

/* Button Text */

.button, input[type="submit"] {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #111;
}
/* Button Color */

.button, input[type="submit"] {
	border-color: #111;
}
/* Button Hover Color */

.button:hover, input[type="submit"]:hover {
	border-color: #e7b300;
	color: #e7b300;
}
/* ----------Banner Buttons---------- */

/* Button Text */

#banner .button {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px;
	color: #111;
}
/* Button Color */

#banner .button {
	border-color: #111;
}
/* Button Hover Color */

#banner .button:hover {
	color: #900000;
	border-color: #900000;
}
/*------------------------------------------------------------------------------------------*/

/* 7. Footer */

/*------------------------------------------------------------------------------------------*/

#landing-footer, #landing-footer p, #landing-footer a {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
/* Footer Icon Color */

#landing-footer i {
	color: #999;
}
@media all and (max-width: 970px) {
    
    #banner-content.row {
	height: 315px;
}
    
    #banner_in {
text-align: left;
        padding: 0;
        margin: 0
    }
    
	#banner h1 {
        color: #f0d8a6;
		font-size: 90px;
		line-height: 85px;
        margin-top: -90px;
        text-align: left;
        left: 0;
        display: inline-block;
        text-shadow: 6px 6px 0px #000;
        padding: 40px 0px 0px 0px
	}    

    #banner h2 {
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	font-weight:bold;
	color: #fff;
    line-height: 0px;
    margin-top: -10px
}
    .section-title {
	font-family: 'Playfair Display', serif;     
	font-size: 26px;
	font-weight: 700;
	color: #111;
}
    .section-heading h2:after {
	margin-top: 0px;
}
}