@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "roboto_slab";
  src: url("https://storage.googleapis.com/ticketerum.appspot.com/static/fonts/RobotoSlab-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 1000;
}    
@font-face {
  font-family: "roboto_flex";
  src: url("https://storage.googleapis.com/ticketerum.appspot.com/static/fonts/RobotoFlex-VariableFont.ttf") format("truetype-variations");
  font-weight: 100 1000;
} 
    
header {width: 100%; height: 90px; background: #9fc131; padding: 0px; margin: 0px;}
.innerheader {border: 0px solid #f50; padding: 0px; margin: 0px auto; width: 1140px}
.mainlogo {height: 50px; margin: 25px 0px 10px 0px; padding: 0px; border: 0px solid #f50; float: left}



.footer {width: 100%; height: 110px; background: #9fc131; padding: 0px; margin: 0px;}
.footwrap { margin: 0px auto; width: 1140px; border: 0px solid #f06;padding: 45px 0px 0px;}

.innerfooter {font-family: 'roboto_flex'; font-size: 14px; border: 0px solid #f50;  float: left; max-width: 20%; display: grid; grid-template-columns: repeat(5, 1fr);}
.innerfooter a{color: #fff;text-decoration: none; font-weight: 300}
.line {padding: 0px 10px}
.card {
  color: white;
  padding: 0px;
    white-space: nowrap
}

.rrss {float: right}
/*
verd: #bbdf32
blau: #356699
*/
/**************** ABOUT PAGE ****************/
#menorca_about {background: #fff; width: 100%; margin: 30px auto}

#menorca_about .title {font-family: 'roboto_flex'; color: #356699; font-size: 1.4em ; font-weight: 500; }
#menorca_about p {font-family: 'roboto_slab'; color: #000; font-size: 1.0em ; font-weight: 350}
#menorca_about p a, #menorca_about ul a {color: #356699; font-size: 0.95em ; font-weight: 400; text-decoration: none}

.how_grid { max-width: 100%; display: grid; grid-template-columns: repeat(3, 1fr);grid-column-gap: 50px;}
.how_card {border: 0px solid #f09; text-align: center}
.how_card img {width: 80px; margin: 10px auto; padding: 0}
.how_grid .how_card h6 {font-family: 'roboto_flex'; color: #356699; font-size: 1.0em ; font-weight: 500; padding: 0; margin: 0px 0px 15px 0px}

#menorca_about .free {float: left; padding: 0.2em 0.4em; color: #9fc131; background: #356699; font-family: 'roboto_flex'; font-weight: 600; font-size: 2.5em; letter-spacing: 5px;
    margin: 0px 0.7em 0px 0px; border-radius: 5px        }

#menorca_about ul {list-style-position: outside; padding-left: 1.2em;}
#menorca_about li span {font-family: 'roboto_slab'; color: #000; font-size: 0.85em ; font-weight: 350}
#menorca_about li { padding: 0px  0px 10px 0px; font-size: 1.2em ;color: #9fc131; font-weight: 600}

/**************** end ABOUT PAGE ****************/


@media (max-width: 1240px) {
.innerheader {padding: 0px; margin: 0px auto; width: 720px}
.footwrap { margin: 0px auto; width: 90%; padding: 20px 0px 0px;}
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)  {

.innerheader {padding: 0px; margin: 0px auto; width: 90%} 
.footwrap { margin: 0px auto; width: 90%; padding: 20px 0px 0px;}
.innerfooter { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 100%}
.line {padding: 0px 10px; display: none}

}