@charset "utf-8";
/* _____________________________________

   08. Backgrounds
   _____________________________________ */

.section-overlay {
  position: fixed;
  top: 0;
  height: 100%;
  min-height: 700px;
  width: 100%;
  z-index: -100;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
}


#page1 {
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    margin-top: 50px;
}
h2, .h2 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-top: 30px;
  margin-bottom: 0px;
}
.texte-page {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 0px;
}

.light {
  font-size: 22px;
  font-weight: 100;

}
@media (orientation: portrait) {
	.texte-page {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 0px;
}
	
#log {
    margin-top: 30px;
    height: 119px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 150px;
}
#log-rac {
    height: 119px;
    display: block;
    width: 150px;
    background-image: url(images/logo-racard.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-left: 0px;
    float: left;
    background-size: 150px auto;
}
#log-dra {
    height: 119px;
    display: block;
    width: 150px;
    background-image: url(images/logo-dracar.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 150px auto;
}	
	
#txt {
      margin-top: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 350px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}
#txt-rac {
    display: block;
    width: 150px;
    margin-left: 0px;
    float: left;
}
#txt-dra {
    display: block;
    width: 150px;
    margin-right: 0px;
    float: right;
}
	
	}
#images {
	  margin-top: 30px;
}

#imahome-left {
    height: 162px;
    display: block;
    background-color: #b34930;
}
#ima-left {
    height: 150px;
    display: block;
    background-image: url(images/ima_left.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}
#imahome-right {
    height: 162px;
    display: block;
    background-color: #b34930;
}
#ima-right {
    height: 150px;
    display: block;
    background-image: url(images/ima_right.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: scroll;	
	    background-position: center center;
	
}

@media (orientation: landscape) {
#log {
    margin-top: 30px;
    height: 147px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 185px;
}
#log-rac {
    height: 147px;
    display: block;
    width: 185px;
    background-image: url(images/logo-racard.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-size: 185px auto;
}
#log-dra {
    height: 147px;
    display: block;
    width: 185px;
    background-image: url(images/logo-dracar.png);
    background-repeat: no-repeat;
    background-attachment: scroll;

}
#txt {
    margin-top: 60px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 700px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}
#txt-rac {
    display: block;
    width: 325px;
    margin-left: 0px;
    float: left;
}
#txt-dra {
    display: block;
    width: 325px;
    margin-right: 0px;
    float: right;
}	

	#btnd {
    margin-top: 30px;
		margin-bottom: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 700px;

}
#btn-rac {
    display: block;
    width: 325px;
    margin-left: 0px;
    float: left;
}
#btn-dra {
    display: block;
    width: 325px;
    margin-right: 0px;
    float: right;
}	
	
}

/* _____________________________________

   04. Buttons, Links
   _____________________________________ */

a {
  color: #333;
  text-decoration: none;
}

a > i {
  margin: 0 7px;
}

a:hover,
a:active,
a:focus {
  color: #000;
  text-decoration: underline;
  outline: none;
}

a.link-white,
a.link-white:hover,
a.link-white:active,
a.link-white:focus {
  color: #fff;
}

a.link-light,
a.link-light:hover,
a.link-light:active,
a.link-light:focus {
  color: #fff;
}

.btn-row {
  margin-left: -5px;
  margin-right: -5px;
}

.btn,
a.btn {
  display: inline-block;
  margin: 0 5px;
  padding: 14px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0;
  transition: background .3s ease-in-out;
}

.btn i {
  margin-right: 15px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}

.input-group-btn:last-child > .btn {
  margin: 0 !important;
  padding: 12px 13px 13px 13px;
  line-height: 1.392;
  border: none;
}

.input-group-btn:last-child > .btn i,
.input-group-btn:last-child > .btn-group i {
  margin: 0 !important;
}

/* ----------------------------------
   Button Dark
   ---------------------------------- */

.btn.btn-dark,
a.btn.btn-dark {
  color: #fff;
  background-color: #333;
}

.btn.btn-dark:hover,
a.btn.btn-dark:hover,
.btn.btn-dark:active,
a.btn.btn-dark:active,
.btn.btn-dark:focus,
a.btn.btn-dark:focus {
  color: #fff;
  background-color: #000;
  box-shadow: none;
}

/* ----------------------------------
   Button Color
   ---------------------------------- */

.btn-color,
a.btn-color {
  color: #fff;
  background-color: #00ACC1;
}

.btn.btn-color:hover,
.btn.btn-color:active,
.btn.btn-color:focus,
a.btn.btn-color:hover,
a.btn.btn-color:active,
a.btn.btn-color:focus {
  color: #fff;
  background-color: #0097A7;
}

/* ----------------------------------
   Button White
   ---------------------------------- */

.btn-white,
a.btn-white {
  color: #333;
  background-color: #fff;
}

.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus,
a.btn.btn-white:hover,
a.btn.btn-white:active,
a.btn.btn-white:focus {
  color: #333;
  background-color: #fff;
}

/* ----------------------------------
   Button Border White
   ---------------------------------- */

.btn.btn-border-white,
a.btn.btn-border-white {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}

.btn.btn-border-white:hover,
.btn.btn-border-white:active,
.btn.btn-border-white:focus,
a.btn.btn-border-white:hover,
a.btn.btn-border-white:active,
a.btn.btn-border-white:focus {
  color: #fff;
  background-color: #6fb634;
  border: 1px solid #6fb634;
}