@import url('https://fonts.googleapis.com/css?family=Nunito:400,700&subset=latin-ext');

* { font-family: 'Nunito', sans-serif; font-size: 16px; }

body {
  background:#0862A0 url(../images/bg.jpg) no-repeat center top;
  background-size: cover;
  color: #000;
}

h1 { margin:20px 0 40px; font-size: 22px; line-height:34px; font-weight: 700; color:#006FBB; }
h2 { margin: 15px 0; font-size: 18px; font-weight: 700; }
p { font-size: 16px; line-height: 28px; }

ul { margin:30px 0; padding-left:20px; }
li { margin-bottom:15px; font-size: 16px; line-height: 24px; }

a { text-decoration: underline; color: #0862A0; }
a:hover { color: #003E68; }

img.logo.img-responsive {
  margin:85px auto 50px;
  display: block;
  width: 250px;
}

.container.content {
  width:860px;
  padding:20px 40px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.30);
  border-radius: 6px;
}

.sidebar { padding-top:80px; padding-bottom: 20px; }
.sidebar p { padding-left: 5px; line-height: 24px; }

.logo-ta { margin: 10px 0 25px; }

.box { overflow: hidden; }

.button {
  display: block;
  float: left;
  padding: 8px 14px;
  line-height: 22px;
  background: #0074C0;
  background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.16) 99%);
  border-radius: 7.5px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  transition:.1s ease all;
}
.button img { margin: 0 0 0 10px; position: relative; bottom: 2px; }
.button:hover {
  background:#00619E;
  background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.16) 99%);
  color: #fff;
}

.mapa { display: block; margin: 30px 0 10px; }

.footer .col { border-top: 2px solid #E4EEF8; margin-top: 20px; padding:30px 0 10px; color: #7DA3C9; }
.footer .col p { margin:0; text-align: center; }
.footer .col a { color: #7DA3C9; }
.footer .col a:hover{ color: #003E68; }

@media (max-width: 992px) {

  .container { width:100%;}

  img.logo.img-responsive {
    width: 200px;
    margin:40px auto;
  }

  .sidebar { padding-top:40px; }
  .sidebar img.logo-ta,
  .sidebar img.mapa { width: 100%; }

}

@media (max-width: 768px) {

  body { background:#0862A0; }

  .col, .col-4 { width: 100% !important; max-width: 100%; flex-basis: initial; }

  .sidebar img.logo-ta,
  .sidebar img.mapa { max-width: 260px; }

}

@media (max-width: 576px) {

  .container.content { width: 100%; border-radius: 0; }

  h1,
  .sidebar,
  .sidebar p { text-align:center; }
  .sidebar .button { display: inline-block; float: inherit; }
  .mapa { margin-left: auto; margin-right: auto; }

}










// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { }