body{
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
}
#mainNav.navbar-shrink .logo{
    height: 30px !important;
}
h6{
  font-family: 'Montserrat', sans-serif;
}
.white{
  color:#fff;
}
#mainNav .navbar-brand img {
    height: 50px;
    transition: height 0.3s ease-in-out;
}
header.masthead {
    padding-top: 14rem;
    padding-bottom: 10rem;
}
header.masthead .masthead-subheading h1{
    font-size: 2.25rem;
    font-style: italic;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    font-weight: 300;
}

header.masthead .masthead-heading h2{
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin-bottom: 4rem;
    font-family: 'Montserrat', sans-serif;
}
.page-section h2.section-heading {
    font-size: 2.2rem;
    margin-top: 0;
    margin-bottom: 5px;
}
.page-section h3.section-subheading {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 4rem;
}
.btn-xl {
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.page-section {
    padding: 4rem 0 3rem;
}
.covid{
  background-color: #84b825;
  color:#fff !important;
  padding:10px 20px;
  border-radius: 3px;
}
.btn-primary {
  color: #fff;
  background-color: #84b825;
  border-color: #84b825;
}
.btn-primary:hover {
  color: #fff;
  background-color: #96c939;
  border-color: #96c939;
}
.mb-5{
  margin-bottom:5px !important;
}
.mb-10{
  margin-bottom:10px;
}
.mb-15{
  margin-bottom:15px
}
.mb-30{
  margin-bottom:30px;
}
.border-b{
  border-bottom:1px dashed #ddd;
  padding-bottom: 4px;
}
#tarifs p span{
  margin-left:10px;
  font-size: 18px;
  color:#84b825;
  font-weight: bold;
}

.page-section#map{
  padding: 0 !important;
}
.map{
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#reservation {
  background-color: #212529;
  background-image: url("assets/img/bg-form.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

#reservation h2{
  color:#fff;
}


.octantis-ns{
  display:none !important;
}

footer {
  font-size: 14px;
}
footer a:hover{
  color:#222;
  text-decoration: none;
}
.logo-footer{
  max-width:180px;
}
.copy{
  color:#aaa;
}
.copy:hover{
  color:#888;
  text-decoration: none;
}

.form-control {
    font-weight: 300;
    line-height: 1.5;
    color: #ddd;
    background-color:transparent;
    background-clip: padding-box;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

::placeholder {
  color: #e9e9e9 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #e9e9e9 !important;
}
::-ms-input-placeholder {
  color: #e9e9e9 !important;
}

.text-danger {
    color: #fff !important;
    background: #84b825;
}
.text-danger li{
    list-style: none;
}
.text-danger ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 13px;
}
textarea.form-control {
    height: 146px;
}
.form-control:focus {
    color: #e9e9e9 ;
    background-color: transparent !important;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

html:lang(fr) .francais {
  display: none;
}

html:lang(en) .english {
  display: none;
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #e9e9e9;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.show-mobile{
  display: none !important;
}
#tarifs h2.section-heading:after{
    width:200px;
    height:1px;
    background-color: #888;
    display: block;
    margin: 20px auto 30px auto;
    content: "";
}
#tarifs h4 {
    font-size: 1.2rem;
}

@media only screen
and (min-device-width : 200px)
and (max-device-width : 767px) {
  .show-mobile{
    display: block !important;
  }
  header.masthead {
      padding-top: 10rem;
      padding-bottom: 4rem;
  }
.navbar-collapse {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 10px;
}
header.masthead .masthead-subheading h1 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 2rem;
}
header.masthead .masthead-heading h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
#services h4, .h4 {
    font-size: 1.3rem;
    margin-bottom: 50px !important;
}

#services h4.last {
    margin-bottom: 10px !important;
}
.page-section h2.section-heading {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
}
#reservation {
  background-color: #212529;
}
.page-section h3.section-subheading {
    margin-bottom: 2rem;
}
.covid {
    padding: 10px;
    margin-top: 20px;
}
.map {
    padding-bottom: 55%;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.navbar-collapse {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 10px;
}

header.masthead {
    padding-top: 12rem;
    padding-bottom: 4rem;
}
header.masthead .masthead-heading h2 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.covid {
    padding: 10px;
    margin-top: 20px;
}
.map {
    padding-bottom: 45%;
}

#services h4, .h4 {
    font-size: 0.9rem;
}
.logo-footer{
  max-width:200px;
}
}

@media (min-width: 768px){
header.masthead .masthead-heading {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin-bottom: 4rem;
}
}