﻿@media all and (max-width: 1199px){
  .euroTopImg {height:285px;}
}

@media all and (min-width: 992px){
}

@media all and (max-width: 991px){
  .box1, .box2 {padding:20px 0;}
  .box1 .event, .box2 .event {margin-top:10px;}
  .box1 .title a, .box2 .title a {font-size:20px;}
  .box1 .event a, .box2 .event a  {font-size:13px;}
}

@media all and (max-width: 767px){
  .box1, .box2 {padding:20px 0;height:auto;}
  .botArea {padding:30px 0;}
  .intro h1 {font-size:26px;line-height:31px;}
  .intro p {font-size:10px;line-height:15px;}

  .euroBg {padding:30px 0;}
  .euroTopImg {height:175px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
  .logoFooter {text-align:center;display:block;margin-bottom:15px;}
  .fraseSalvador {text-align:center;padding-top:0;} 
  .box1 .event, .box2 .event {margin-top:10px;}
  .box1 .title a, .box2 .title a {font-size:18px;}
  .box1 .event a, .box2 .event a  {font-size:10px;}
  
    .infoEvent {margin-top: 5px;padding: 5px;}
  .text-block h1 {font-size: 25px;line-height: 30px;color: #fff;margin-top:0;margin-bottom:5px;}
.text-block .date {font-size: 12px;line-height: 16px;}
  
}

@media (min-width: 490px) and (max-width: 767px) {
  .box1, .box2 {padding:15px 0;height:auto;}
  .botArea {padding:30px 0;}
  .intro h1 {font-size:35px;line-height:38px;}
  .intro p {font-size:11px;line-height:18px;}
  .euroBg {padding:30px 0;}
  .euroTopImg {height:210px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
  .logoFooter {text-align:center;display:block;margin-bottom:15px;}
  .fraseSalvador {text-align:center;padding-top:0;}
  .box1 .title a, .box2 .title a{font-size:18px;}
  .box1 .event, .box2 .event {margin-top:10px;}
  .box1 .event a, .box2 .event a  {font-size:13px;}
  
  .infoEvent {margin-top: 5px;padding: 5px;}
  .text-block h1 {font-size: 25px;line-height: 30px;color: #fff;margin-top:0;margin-bottom:5px;}
.text-block .date {font-size: 12px;line-height: 16px;}
}

@media (max-width: 489px){
.box1 .title a, .box2 .title a{font-size:16px;}
    .infoEvent {margin-top: 5px;padding: 5px;}
  .text-block h1 {font-size: 23px;line-height: 25px;color: #fff;margin-top:0;margin-bottom:5px;}
.text-block .date {font-size: 10px;line-height: 13px;}
  .intro h2 {font-size:26px;}
}
