html { min-height:100%; position:relative; }
html, body { height: 100%; }
body { margin:0; padding: 0; background: url('../imgs/pattern.jpg') repeat; display: flex; flex-flow: column; font-family: Arial, Helvetica, sans-serif; }


/* display */
.halves {
    display:flex;
    flex-direction:row;
    flex-grow:1 1 100%;
    height:100%;
}
.hleft,
.hright {
    flex-direction:column;
    flex-basis:50%;
    text-align:center;
    padding:0;
}

@media (max-width: 992px) { 
.halves { display:block; } 
.hright { display:none; } 
}

footer {
	display: flex;
	justify-content: center
}

@media (max-width: 992px) { 
	footer { display: block; }
}

.img-fluid {
	max-width: 100%;
	height: auto;	
}


/* general */

@media (max-width: 992px) { 
.only-big { display: none; visibility: hidden; } 
}

@media (min-width: 993px) { 
.only-small { display: none; visibility: hidden; } 
}

@media (max-width: 576px) { 
	.not-if-very-small { display: none; visibility: hidden; } 
}

.nowrap { white-space: nowrap; }

h1, h2, h3, h4, h5, h6
{
  margin: 5px 0;
  font-weight: 100;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
@media (max-width: 992px) { 
	h4, h5 {
	  font-weight: bold;
	}
}
h1, h2, h3
{
  font-family: "Cinzel", "Times New Roman", Times, serif;
  line-height: 40px;
}

.largescr {}
.smallscr { display: none; visibility: hidden; }
@media (max-width: 992px) { 
.largescr { display: none; visibility: hidden; }
.smallscr { display: inline; visibility: visible; }
}

button { background: #F68E35; color: #fff; font-size: 120%; padding: .2em .5em; margin-bottom: 5px; border-radius: 10px;  }


/*
*
*	Style for the logo
*
*/
#logo {
  position: relative;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
}
#logo h5 { /* desde... */
  margin: 20px 0 3px 0;
  font-size: 14px;
}
#lang-switch {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 11px;
  letter-spacing: .04em;
}
#lang-switch a { color: #aaa; text-decoration: none; margin-left: 6px; }
#lang-switch a:first-child { margin-left: 0; }
#lang-switch a.active { color: #F68E35; font-weight: bold; }
#lang-switch a:hover { color: #F68E35; }
#logo i { color: #F68E35; }
#logo h1, #logo h2 {
  margin-bottom: 2px;
  margin-top: 0px;
}
#logo h1 { 
	background: url('../imgs/cas_marques_bg.jpg') repeat;
	line-height: 0;
}
@media (max-width: 992px) { 
	#logo h1 img { 
		max-width: 100%;
		height: auto;
	}
}

#logo h4 { /* lugar */
  margin: 6px 0;
  font-size: 18px;
}
h2 { /* lema */
  font-size: 22px;
  font-weight: normal;
  color: #589943;
  padding: 6px 0 2px 0;
  line-height: 1.2em;
}
h2 a {
  color: #589943;
  text-decoration: none;
  padding: 1px 1em;
  background: #fff;
}
h2 a:hover {
  background: none;
}



#description { text-align: center; padding: 0; margin-bottom: 1em; }
#description h3 { font-size: 19px; line-height: 24px; margin-bottom: 1.5em; padding: 0 1.5em; }
@media (max-width: 576px) { 
	#description h3 { font-size: 16px; line-height: 18px; } 
}
#description img { margin-bottom: 1.4em; }

#description #comandes { border: 5px solid #F68E35; margin: 0 14% 1em 14%; padding: .6em 1em 0 1em; }
#description #comandes h3 { border-bottom: 5px solid #000; margin-bottom: 0; padding-bottom: .5em; }
@media (min-width: 1201px) { 
	#description #comandes { margin: 0 24% 1em 24%; }
}


#social { font-size: 300%; }
#social a { color: #ccc; }
#social a:hover { color: #F68E35; }

/* MAP */
#myMap { width: 100%; height: 100%; background: #e8e8e8; }
#myMapSmall { height: 300px; margin: 0 auto 1em; background: #e8e8e8; }
.leaflet-container { font: inherit; }
.leaflet-popup-content { font-family: "Cinzel", "Times New Roman", Times, serif; text-align: center; }


footer { color: #000; margin-top: auto; }
footer div { margin: 0 1em; }
footer div h3 { font-size: 22px; margin-bottom: 0; color: #fff; background: #F68E35; padding: 2px 10px 0 10px; line-height: 24px; }
footer div p { padding: 0 1em; font-size: 14px; }






/*
@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?16164635');
      src: url('./font/fontello.eot?16164635#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?16164635') format('woff'),
           url('./font/fontello.ttf?16164635') format('truetype'),
           url('./font/fontello.svg?16164635#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    } */