a {color:red;;text-decoration: none; }             /* unvisited link */
a:visited {color:red;text-decoration: none;}      /* visited link */
a:hover {color:red; text-decoration: underline;}  /* mouse over link */
a:active {color:red;text-decoration: none;}       /* selected link */

::-webkit-scrollbar {
width: 6px;
height: 2px;
}

::-webkit-scrollbar-track-piece  {
background-color: #00549B;
}

::-webkit-scrollbar-thumb:vertical {
height: 10px;
background-color: #DC0043;
}


body { 
margin:0;
margin-top: 0px;
background-color: white;
}

img {
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

table { 
width: 80%; 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
color: #333333;
font-size: 17px;
text-align: left;
}

td, th { 
padding: 0%; 
padding-left: auto; 
text-align: center; 
font-family: 'Rambla', sans-serif;
}

.redes {
}


/* ESCUDOS */

.escu2 {
padding: 2px;
max-width: 1290px;
width: 100%;
margin: 10px auto;
}

.columns {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0px 0;
}

.column {
flex: 1;
margin: 12px;
padding: 0px;
text-align: justify;
&:first-child { margin-left: 0; }
&:last-child { margin-right: 0; }
}

.columns2 {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0px 25%;
}


@media screen and (max-width: 980px) {
.columns .column {
margin-bottom: 50px;
flex-basis: 40%;
&:nth-last-child(2) {
margin-right: 0;
}
&:last-child {
flex-basis: 100%;
margin: 0;
}
}
}

@media screen and (max-width: 680px) {
.columns .column {
flex-basis: 100%;
margin: 0 0 5px 0;
}
}


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)
{

 
table { 
display: block;
margin-left: auto;
margin-right: auto;
width: 100%; 
letter-spacing: 0.8px;
border-bottom: 0px solid;
border-top: 0px solid;
vertical-align: text-top;
color: #333333;
padding-top: 0em
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
display: block; 
}
  
/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

td { 
/* Behave  like a "row" */
border: 0px;
border-bottom: 0px solid black; 
position: relative;
padding-left: 3%; 
padding-right: 3%; 
padding-top: 0%; 
font-size: 0.8em;
padding-bottom: 0%;
max-width: 760px;
text-align: left; 
}

td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 0px;
left: 6px;
width: 5%;
padding-right: 0px;
white-space: nowrap;
border-bottom: 2px;
}
/* Label the data*/

td:nth-of-type(2):before {
content: "";
}


@media screen and (max-width: 480px) {
input, .submit-button, label {
display: block;
width: 215px;
margin: 4px;
box-sizing: border-box;
margin-left: 3%;
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}