html {
font-size: 100%;}
body{
font-size: 1em;
}
.clear {
clear: both;
}
i.italic{
font-style: italic;
}
h3{
font-family: 'Amatic SC', cursive;
text-align: left;
font-size: 2.95rem;
color: #442919;
font-weight: bold;
}
h1,h2{
font-family: "Noto Serif";
text-align: left;
color: #442919;
text-transform: uppercase;
font-size: 1.95rem;
}
p.courant{
font-family: "Lato";
color: #442919;
}
/* Style logo*/
a#lien-logo{
margin-left: 0px;
}
.logo{
float: left;
position: relative;
top: 0%;
left: 0%;
max-width: 180px;
padding: 10px 10px 0px 10px;
z-index: 9999;
margin-bottom: -40px;
}
header {
z-index: 9998;
}
/* Style top header*/
p.info-top-header {
word-break: keep-all;
}
p.info-top-header span {
word-break: keep-all;
}
p.info-top-header span a{
word-break: keep-all;
}
div.top-header-int p {
margin-bottom: 0px;
}
div.top-header {
background-color: #332015;
color: white;
font-family: 'lato';
min-height: 40px;
padding: 10px 0px;
}
div.top-header p {
text-align: right;
float: right;
}
div.top-header a{
margin-left: 10px;
color: white;
font-weight: 600;
}
div.top-header p span a{
color: white;
}
/* Style menu principal*/
div.menu-principal {
background-color: #d09d45;
z-index: 99999999999999999999;
}
.navbar{
background-color: #d09d45;
}
.navbar-light .navbar-nav .nav-link {
color:white;
font-weight: 600;
}
.nav-link:last-child{
margin-right: 2 0px;
}
.dropdown-menu{
background-color: #d09d45;
border: 0px solid #d09d45;
}
.dropdown-item{
color: white;
font-family: 'Noto Sans';
}
/* Style carrousel*/
a.carousel-control-prev, a.carousel-control-next{
background-color: #d09d45;
margin-left: 0px;
max-height: 50px;
max-width: 50px;
position: absolute;
top: 40%;
opacity: .5;
}
.carousel-control-prev-icon {
background-image: url(images/prev.png);
width: 24px;
height: 24px;
}
.carousel-control-next-icon {
background-image: url(images/next.png);
width: 24px;
height: 24px;
}
div#mycarousel{
text-align: center;
}
h5.titre-slider{
font-family: 'lato';
font-weight: 800;
font-size: 2em;
text-shadow: 2px 2px 4px #000000;
letter-spacing: 0.05em;
}
div.holder-content-carroussel{
max-width: 75%;
text-align: center;
margin: auto;
position: relative;
bottom: 5%;
}
button.button-slider{
background-color: #442919;
border: solid 0px;
margin-top: 3%;
}
button.button-slider a{
color: white;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: none;
}
button.button-slider:hover{
background-color: #d09d45;
color: #442919;
border: solid 0px;
}
button.button-slider a:hover{
color: #442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: underline;
}
div.carousel-caption{
position: absolute;
top: 40%;
text-align: center;
}
/* Style Main*/
/* Style introduction page d'accueil*/
section.texte-introduction{
/*background-image: url(images/produit-erable-vien.jpg);*/
display: flex;
margin-top: -35px;
padding-top: 10%;
padding-bottom: 5%;
/*background-size: cover;*/
background-color:rgba(208, 157, 69);
}
div.container-intro{
background-color:rgba(255, 255, 255);
border-radius: 50px;
padding: 35px;
max-width: 70%;
}
/* Style produit d'érable page d'accueil*/
div.produits-erable-accueil{
background-image: url(images/beurre-erable.jpg);
display: flex;
padding: 35px;
background-repeat: no-repeat;
background-position: right;
}
div.contenu-produits-erable-accueil, div.mariage-accueil{
padding: 35px 0px;
}
button.produits-erable-accueil, button.mariage-accueil{
background-color: #442919;
padding: 10px 20px;
border: solid 0px;
}
button.produits-erable-accueil a, button.mariage-accueil a{
color: white;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: none;
}
button.produits-erable-accueil:hover, button.mariage-accueil:hover{
background-color: #d09d45;
color: #442919;
padding: 10px 20px;
border: solid 0px;
}
button.produits-erable-accueil a:hover, button.mariage-accueil a:hover{
color: #442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: underline;
}
div.image-familiale{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg) !important;
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
min-height: 300px;
}
/* Style section fierté familiale*/
section.fierte-familiale{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg) !important;
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
min-height: 300px;
}
/*div.image-historique{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg);
background-color: #442919;
background-repeat: no-repeat;
background-size: cover;
min-width: 33.33333%;
}
div.texte-historique{
padding: 35px 50px;
}
div.texte-historique p{
width: 80%;
}
section.fierte-familiale h3, section.fierte-familiale h2, section.fierte-familiale p {
color: white;
}*/
/* Style section mariage accueil*/
div.mariage-accueil{
background-image: url(images/mariage-erabliere-vien.jpg);
display: flex;
padding: 65px 55px;
background-repeat: no-repeat;
background-position: right;
}
/* Évènement accueil*/
section.evenements{
background-color: #442919;
}
div.texte-evenements{
padding: 35px 50px;
}
div.texte-evenements h3{
color: #d09d45;
text-align: right;
}
section.evenements h2 {
color: white;
text-align: right;
}
ul.liste-evenements{
text-align: right;
color: white;
}
ul.liste-evenements li{
font-style: italic;
font-family: 'Lato';
}
button.evenements{
background-color: #d09d45;
padding: 10px 20px;
border: solid 0px;
float: right;
margin-bottom: 50px;
}
button.evenements a{
color:#442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: none;
}
button.evenements:hover{
background-color: white;
color: #442919;
padding: 10px 20px;
border: solid 0px;
float: right;
}
button.evenements a:hover{
color: #442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: underline;
}
.image-evenements{
background-image: url(images/salle-de-reception-corporatif-mariage-erabliere.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 33%;
background-color: #442919;
}
/* Video Youtube accueil*/
div.titre-youtube-video h2, div.titre-youtube-video h3 {
text-align: center;
display: block;
}
div.titre-youtube-video{
padding: 35px 0px;
}
section.youtube-video-accueil{
text-align: center;
}
div.youtube-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
div.youtube-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Google map accueil*/
div.titre-google-map h2, div.titre-google-map h3 {
text-align: center;
display: block;
}
div.titre-google-map{
padding: 35px 0px;
}
section.google-map-accueil{
text-align: center;
}
div.google-map{
width: 100%;
}
/* Footer*/
footer{
background-image: url(images/erable-erabliere-vien-footer.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 35px;
padding-bottom: 0px;
margin-top: -6px;
font-family: 'Noto Sans';
color: white;
font-size: 0.85em;
}
div.logo-footer{
padding: 20px 40px;
}
footer a{
color: white;
}
p.sous-titre-footer{
text-transform: uppercase;
color: #442919;
font-family: 'Noto Serif';
font-weight: 600;
letter-spacing: 1.25px;
}
footer a.lien-courriel:active{
text-decoration: underline;
color: #442919;
}
hr.hr-footer{
border: 0.65px solid #442919;
}
footer button{
border: 1px solid #442919;
background-color: rgba(0, 0, 0, 0.0);
font-family:'Noto Sans';
font-weight: 600;
color: white;
text-decoration: none;
text-align: center;
padding: 10px 20px;
margin-bottom: 20px;
}
footer button:hover{
border: 1px solid #442919;
background-color: #442919;
font-family:'Noto Sans';
font-weight: 600;
color: white;
text-decoration: none;
text-align: center;
padding: 10px 20px;
margin-bottom: 20px;
}
i.far, i.fas, i.fab{
margin-top: 4px;
color: white;
float: left;
}
.fa-facebook-square, a#lien-facebook {
font-size: 1.5rem;
text-decoration: underline;
}
footer address{
padding-left: 25px;
}
a.lien-courriel{
padding-left: 10px;
}
i.fab, i.fas {
margin-right: 12.5px;
}
div.tel-footer{
margin-top: 10px;
}
div.tel-footer i.fas{
font-size: 1.5em;
}
a.tel-footer{
color: white;
font-size: 1.5em;
font-weight: 800;
}
button.button-footer a:hover {
text-decoration: none;
color: white;
}
/* Subfooter*/
div.subfooter{
display: block;
background-color: #442919;
padding: 15px 15px 2px 15px;
margin-top: 20px;
}
div.subfooter p{
color: white;
text-align: center;
font-family: 'Noto Sans';
padding-bottom: 0px;
font-size: 0.75em;
}
/***************************************** PAGES ÉVÈNEMENTS ***********************/
/***************************************** PAGES ÉVÈNEMENTS ***********************/
/***************************************** PAGES ÉVÈNEMENTS ***********************/
div.entete-evenements-prives{
display: flex;
background-image: url(images/organisation-evenement-prive.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 75px;
background-position: 50%;
margin-bottom: 2.5%;
}
div.entete-evenements-prives h1{
text-align: center;
color:#442919;
margin: auto;
}
div.holder-evenements {
margin-bottom: 3%;
}
div.contenu-evenements {
width: 45%;
text-align: left;
float: left;
}
div.prix-evenements{
width: 100%;
color: #442919;
border: rgb(208, 157, 69) 2px solid;
float: left;
text-align: center;
background-color: rgba(208, 157, 69, 0.2);
padding: 20px 0px 20px 0px;
}
p.prix-evenements{
font-family: 'Noto Serif';
color: #442919;
margin-bottom: 0px;
}
p.prix-evenements-enfants{
font-family: 'Noto Serif';
color: #442919;
font-style: italic;
font-size: 1em;
margin-bottom: 0px;
}
p.prix-evenements span{
font-weight: 600;
text-transform: uppercase;
}
div.lien-menu{
padding-bottom: 30px;
}
a.lien-menu{
font-style: italic;
text-decoration: underline;
}
div.contenu-aside{
width: 50%;
float: right;
padding: 2.5% 2.5%;
transition: transform .2s; /* Animation */
}
div.contenu-aside:hover{
transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
div.contenu-aside img{
max-width: 100%;
}
div.contenu-aside a, div.contenu-aside a i{
color: #442919;
text-align: right;
}
div.breaker{
display: block;
width: 100%;
height: 1px;
clear: both;
}
div.button-photo{
background-color: #d09d45;
text-align: right;
padding: 2.5% 5%;
position: relative;
bottom: 0px;
right: 0px;
}
/***************************************** PAGE MARIAGE ***********************/
/***************************************** PAGE MARIAGE ***********************/
/***************************************** PAGE MARIAGE ***********************/
div.entete-mariage{
display: flex;
background-image: url(images/mariage-erabliere-vien.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50px;
padding: 75px;
margin-bottom: 2.5%;
}
div.entete-mariage h1{
text-align: center;
color:#442919;
margin: auto;
}
/***************************************** PAGE ATELIERS ***********************/
/***************************************** PAGE ATELIERS ***********************/
/***************************************** PAGE ATELIERS ***********************/
div.entete-ateliers{
display: flex;
background-image: url(images/beurre-erable.jpg);
background-repeat: no-repeat;
background-position: right;
padding: 75px;
margin-bottom: 2.5%;
}
div.entete-ateliers h1{
text-align: center;
color:#442919;
margin: auto;
}
h3.recettes{
text-align: left;
margin-bottom: 30px;
display: block;
}
div.recette-seul h5{
color:#442919;
font-family: 'Amatic SC', cursive;
font-size: 2em;
}
div.recette-seul table{
color:#442919;
font-family: 'Amatic SC', cursive;
font-size: 2em;
}
p.recettes{
max-width: 50%;
font-size: 0.85em;
}
div.recettes hr{
max-width: 50%;
align:left;
}
div.holder-recettes{
padding-bottom: 2.5%;
}
/***************************************** PAGE CABANE ***********************/
/***************************************** PAGE CABANE ***********************/
/***************************************** PAGE CABANE ***********************/
div.entete-cabane{
display: flex;
background-image: url(images/cabane-a-sucre-marcel-vien.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 75px;
background-position-y: 60%;
margin-bottom: 2.5%;
}
div.entete-cabane h1{
text-align: center;
color: white;
margin: auto;
text-shadow: 2px 2px #000000;
}
div.holder-cabane{
background-color: rgba(208, 157, 69, 0.5);
padding-top: 5%;
}
div.menu-cabane{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
padding-bottom: 5%;
}
div#image-menu-cabane{
width: 30%;
order: 1;
padding-top: 15px;
}
div.menu-holder{
width: 60%;
flex-direction: column;
flex-wrap: row wrap;
justify-content: stretch;
order: 2;
}
div#image-menu-cabane img{
width: 100%;
}
h3.menu-cabane {
font-weight: bold;
margin-bottom: 0px;
font-size: 2.5em;
padding-bottom: 30px;
padding-top: 15px;
}
table.menu-cabane td{
font-family: "Lato";
text-align: left;
font-size: 1.5em;
color: #442919;
padding: 10px;
}
td.td-1{
padding-right: 5%;
}
/***************************************** PAGE CORPORATIF ***********************/
/***************************************** PAGE CORPORATIF ***********************/
/***************************************** PAGE CORPORATIF ***********************/
div.entete-corpo{
display: flex;
background-image: url(images/evenements-corporatifs-erabliere-marcel-vien.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 75px;
margin-bottom: 2.5%;
}
div.entete-corpo h1{
text-align: center;
color: white;
margin: auto;
text-shadow: 2px 2px #000000;
}
/***************************************** PAGES PRODUITS ***********************/
/***************************************** PAGES PRODUITS ***********************/
/***************************************** PAGES PRODUITS ***********************/
div.entete-produits{
display: flex;
background-image: url(images/produit-erable.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 75px;
background-position: 50%;
margin-bottom: 2.5%;
}
div.entete-produits h1{
text-align: center;
color:#442919;
margin: auto;
}
/***************************************** Style fiches produits ***********************/
div.produits-flex{
padding: 35px 0px;
}
div.produits-holder{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
}
div.fiche-produits{
flex-basis: 30%;
margin-bottom: 2%;
}
div.image-produits-holder{
width: 100%;
}
div.image-produits-holder img{
width: 100%;
border-radius: 2px 2px 0px 0px;
}
div.description-produit{
text-align: center;
padding: 5%;
height: 125px;
background-color: rgba(208, 157, 69, 0.75);
border-radius: 0px 0px 2px 2px;
}
div.informations-produit{
transform: scale(0.9);
}
div.informations-produit p.nom-produit{
font-family: 'Noto Serif';
color: #442919;
}
div.informations-produit p.prix{
font-family: 'Noto Serif';
color: #442919;
font-weight: bold;
font-size:1.25em;
}
/***************************************** PAGE CONTACT / RÉSERVATIONS ***********************/
/***************************************** PAGE CONTACT / RÉSERVATIONS ***********************/
/***************************************** PAGE CONTACT / RÉSERVATIONS ***********************/
div.entete{
display: flex;
background-image: url(images/reservation-erabliere-marcel-vien.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0px;
padding: 75px;
margin-bottom: 2.5%;
}
div.entete h1{
text-align: center;
color: White;
margin: auto;
text-shadow: 2px 2px #000000;
}
div.form-holder{
background-color: #442919;
padding-bottom: 35px;
}
div.coordonnées-reservation{
padding-bottom: 50px;
display: block;
}
h3.sous-titre-réservation{
text-align: center;
color: #332015;
}
p.texte-reservation{
text-align: center;
font-family: 'Noto Sans';
color: #332015;
}
div.row-coordonnees {
width: 33%;
display: inline-block;
}
div.row-coordonnees img{
width: 100%;
padding: 15% 40% 5% 40%;
}
div.row-coordonnees > p{
text-align: center;
font-family: 'Noto Sans';
color: #332015;
padding-bottom: 10px;
}
div.row-coordonnees > h4{
text-align: center;
font-family: 'Noto Sans';
color:#d09d45;
font-weight: bold;
padding-bottom: 10px;
}
/* Style formulaire*/
fieldset#formulaire legend{
color: white;
text-align: center;
margin: auto;
padding: 30px 0px;
font-family: 'Noto Serif';
font-size: 2.5em;
}
fieldset#formulaire input.input{
width: calc(95%/2);
padding: 10px;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 15px;
border: #d09d45 solid 2px;
border-radius:5px;
}
textarea{
width: calc(97.5%);
height: 200px;
padding: 10px;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 15px;
border: #d09d45 solid 2px;
border-radius:5px;
}
input.bouton-formulaire{
background-color: #d09d45;
color: #442919;
padding: 10px 20px;
border: solid 0px;
}
input.bouton-formulaire a{
color: #442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: underline;
}
input.bouton-formulaire:hover{
background-color: #d09d45;
color: #442919;
padding: 10px 20px;
border: solid 0px;
}
input.bouton-formulaire a:hover{
color: #442919;
font-family: "Noto Sans";
font-weight: 400;
text-decoration: underline;
}
/***************************************** MEDIA QUERIES***********************/
/***************************************** MEDIA QUERIES***********************/
/***************************************** MEDIA QUERIES***********************/
/***************************************** MEDIA QUERIES***********************/
/***************************************** MEDIA QUERIES***********************/
/***************************************** MEDIA QUERIES***********************/
@media screen and (max-width: 992px) {
/* Style Texte intro */
h1{ font-size: 1.75em;
}
div.container-intro{
max-width: 100%;
margin-top: 0px;
border-radius:0px;
}
section.texte-introduction{
padding-bottom: 0%;
padding-top: 5%;
}
/* Style section fierté familiale*/
section.fierte-familiale{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg);
display: flex;
width: 100%;
}
div.image-historique{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg);
background-color:#442919;
background-repeat: no-repeat;
background-size: cover;
min-width: 33%;
}
div.texte-historique{
padding: 35px 50px;
width: 100%;
}
div.texte-historique p{
width: 100%;
}
/* Style carrousel*/
div.carousel-caption{
position: absolute;
top: 35%;
text-align: center;
}
button.button-slider{
display: none;
}
/* STYLE PAGE CABANE*/
/* STYLE PAGE CABANE*/
/* STYLE PAGE CABANE*/
table.menu-cabane td{
font-family: "Lato";
text-align: left;
font-size: 1em;
color: #442919;
padding: 5px;
}
td.td-1{
padding-right: 5%;
}
/* Style Ateliers et recettes*/
p.recettes{
max-width: 100%;
width: 100%;
font-size: 0.85em;
}
div.recettes hr{
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 768px) {
/* Style carrousel*/
h5.titre-slider{
font-size: 1.5em;
}
div.carousel-caption{
position: absolute;
top: 22.5%;
text-align: center;
}
/* Style section fierté familiale*/
section.fierte-familiale{
background-image: url(images/photo-erabliere-marcel-vien-histoire.jpg);
display: flex;
}
div.image-historique{
min-width: 0%;
}
div.texte-historique{
padding: 35px 15px;
width: 100%;
}
div.texte-historique p{
width: 100%;
}
/* Style section mariage*/
div.mariage-accueil{
padding: 35px 15px;
width: 100%;
}
/* Style section évènements*/
section.evenements{
background-color: #442919;
padding: 35px 15px;
}
div.texte-evenements{
padding: 5% 5%;
}
div.texte-evenements h3 {
font-size: 2.25em;
line-height: 30px;
}
div.texte-evenements h2 {
font-size: 1.5em;
}
/* Style PAGE évènements*/
/* Style PAGE évènements*/
/* Style PAGE évènements*/
/* Style PAGE évènements*/
div.contenu-evenements {
width: 100%;
text-align: left;
float: none;
}
div.contenu-aside{
width: 100%;
float: none;
margin-top:120px;
}
/* Style PAGE CABANE*/
/* Style PAGE CABANE*/
/* Style PAGE CABANE*/
/* Style PAGE CABANE*/
div.menu-cabane{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-around;
padding-bottom: 5%;
}
div#image-menu-cabane{
width: 80%;
order: 2;
padding-top: 15px;
}
div.menu-holder{
width: 100%;
flex-direction: column;
flex-wrap: row wrap;
justify-content: stretch;
margin: auto;
order: 1;
}
div#image-menu-cabane img{
width: 100%;
}
h3.menu-cabane {
font-weight: bold;
margin-bottom: 0px;
font-size: 2em;
padding-bottom: 15px;
padding-top: 10px;
}
table.menu-cabane td{
font-family: "Lato";
text-align: left;
font-size: 1em;
color: #442919;
padding: 5px;
}
td.td-1{
padding-right: 5%;
}
/* Style PAGE PRODUITS*/
div.fiche-produits{
flex-basis: 43.5%;
margin-top: 5%;
}
div.description-produit{
text-align: center;
padding: 2%;
height: 120px;
}
div.informations-produit{
transform: scale(0.8);
}
}
@media screen and (max-width: 576px) {
h1, h2{ font-size: 1.5em;
}
h3{ font-size: 2.5em;
}
.logo{
float: right;
/*position: relative;
top: 0%;
left: 0%;
max-width: 180px;
padding: 10px 10px 0px 10px;
z-index: 9999;
margin-bottom: -40px;*/
}
/* Style Top Header */
p.info-top-header {
display: none !important;
}
/* Style Menu */
a.dropdown-item{
font-family: 'Noto Sans';
font-size: 1.25em;
font-weight: bold;
}
/* Style carrousel*/
h5.titre-slider{
font-size: 1.25em;
}
div.row-coordonnees {
width: 51%;
margin: auto;
}
div.row-coordonnees img{
width: 100%;
padding: 5% 20% 5% 20%;
}
/* Page cabane*/
table.menu-cabane td{
font-size: 1em;
padding: 5px;
}
/* Style PAGE PRODUITS*/
div.fiche-produits{
flex-basis: 80%;
margin-top: 5%;
margin-left:10%;
margin-right: 10%;
margin-bottom: 5%;
}
div.description-produit{
text-align: center;
padding: 2%;
height: 100px;
}
div.informations-produit{
transform: scale(0.8);
}
/* Style formulaire*/
fieldset#formulaire input.input{
width: 100%;
}
p#courriel-reservation{
margin-left: -20px;
}
/* Style carrousel*/
a.carousel-control-prev, a.carousel-control-next{
background-color: #d09d45;
margin-left: 0px;
max-height: 20px;
max-width: 20px;
position: absolute;
top: 40%;
opacity: .5;
}
.carousel-control-prev-icon {
background-image: url(images/prev.png);
width: 10px;
height: 10px;
}
.carousel-control-next-icon {
background-image: url(images/next.png);
width: 10px;
height: 10px;
}
div#mycarousel{
text-align: center;
}
h5.titre-slider{
font-family: 'lato';
font-weight: 800;
font-size: 1em;
text-shadow: 0px 0px 0px #000000;
letter-spacing: 0.05em;
}
div.holder-content-carroussel{
max-width: 85%;
text-align: center;
margin: auto;
position: relative;
bottom: 10%;
}
button.button-slider{
display: none;
}
div.carousel-caption{
position: absolute;
top: 17%;
text-align: center;
}
}