/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */
body {
  /* padding-top: 56px; */
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1.1rem!important
}

h1, h2, h3, h4{
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #3e3e3e;
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
}

p {
    font-family: 'Lato', sans-serif;
    color: #3e3e3e;
    margin-bottom: 30px;
}

a, a:hover{
  color:#ff7800;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

@media (min-width: 768px) {

  .landing-image{
    width: 90%;
    position:absolute;
    bottom: 0px;
  }
}

@media (min-width: 576px) {

  .landing-image{
	padding-top: 50px;
    width: 90%;
    margin-bottom: 0px;
  }
}


@media (max-width: 575.98px) {

  .landing-image{
	padding-top: 50px;
    width: 90%;
    margin-bottom: 0px;
  }
}




.btn-coupons, .btn-coupons:hover{
  background-color: #FFFFFF; //#B55B10 !important;
  color: #2a68af !important;
  border-color: #2a68af !important;
  padding: 20px;
}

.img-fluid{
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  width:80%;
}

section.orange{
  background-color: #2a68af;
}

.orange h1, .orange h2, .orange h3, .orange h4, .orange p, .orange a{
  color: #FFFFFF;
}

.orange h1{
  margin-top: 50px;
}

section.offerte h2{
  margin-top: 50px;
}

div.coupon{
  margin:10px;
  text-align: center;
  border: 2px solid #2a68af;
  cursor: pointer;
}

div.coupon img.coupon-img{
  width: 100%;
}

.coupon-logo{
  width: 100%;
  height: 40px;
  text-align: center;
  margin-top: 20px;
}
.coupon-logo img{
  width: 50%;
}

div.coupon div.offer{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700 !important;
}

.btn-coupons-bottom, .btn-coupons-bottom:hover{
  background-color: #2a68af !important;
  color: #FFFFFF !important;
  border-color: #2a68af !important;
  padding: 20px;
  margin-top: 50px;
}
