html, body { height: 100%; }
body { margin:0; padding: 0; background: #E9E6DF; 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; } 
}

h1, h2, h3, h4, h5, h6
{
  margin: 10px 0;
  font-weight: 100;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1, h2, h3
{
  font-family: "Cinzel", "Times New Roman", Times, serif;
  line-height: 40px;
}




/*
*
*	Style for the logo
*
*/
#logo {
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
}
#logo h5 { /* desde... */
  margin: 20px 0 0 0;
  font-size: 14px;
}
#logo i { color: #387923; }
#logo h1, #logo h2 {
  line-height: 1.2em;
  margin-bottom: 2px;
  margin-top: 0px;
}
#logo h1 { /* tit */
  font-size: 44px;
  font-weight: bold;
  color: #eee;
  background: #f43694;
  padding-top: 8px;
}
#logo h4 { /* lugar */
  margin: 0 0 6px 0;
  font-size: 18px;
}
#logo h2 { /* lema */
  font-size: 22px;
  font-weight: normal;
  color: #589943;
  padding: 6px 0 2px 0;
}
#logo h2 a {
  color: #589943;
  text-decoration: none;
  padding: 1px 1em;
  background: #fff;
}
#logo 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: 2em; }



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

/* MAP */
#map {
	background: #eee;
}
@media (max-width: 992px) { #map { height: 400px; } }


footer { color: #000; margin-top: auto; }
footer div { margin: 0 1em; }
footer div h3 { font-size: 22px; margin-bottom: 0; color: #fff; background: #589943; 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;
    } */
	
	
/* modal */

.modal-dialog {
	max-width: 600px;
}
.modal-header {
  padding: 0px 1.2em;
  border-width: 0;
}
.modal-body {
  padding: 4px;
}
.modal-footer {
	justify-content: center;
  padding: 2px;
  border-width: 0;
}