body {
  min-height: 100%;
  font-family: Abel;
  font-size: 1.05rem;
  margin:0 5%;
  padding: 0;
  background-color: #f8f8ff;
}

#content {
position: absolute;
top: 0%;
right: 0;
width: 50%;
padding-left:;
background-color:#f8f8ff;
opacity: 1;
}

#fifty {
width: 50%;
margin: 20px 0 200px 50%;
padding-left:;
background-color:#f8f8ff;
opacity: 1;
}

.newspaper {
  column-count: 3;
  vertical-align: top;
  font-family: Abel;
  letter-spacing: -.04rem;
  border-top: 1px solid black;
  padding-top:2rem;
}

.leer {
	font-family: Abel;
	font-size: 2rem;
}

table {
	font-family: Abel;
}

td {
	vertical-align: top;
	border-bottom: 1px solid lightgray;
}

textarea {
	font-family: Abel;
	font-size: 1.1rem;
	width: 600px;
	height: 200px;
}

#float-100 {
	float: left;
	width: 100px;
	padding: 0;
	margin: 0 1rem 0 0;
}

#float-160 {
	float: left;
	width: 160px;
	padding: 0;
	margin: 0 1rem 0 0;
}

#nav-bar {
	width: 100%;
	display: inline;
	font-size: 1rem;
	word-spacing: 1rem;
	padding: 0 0 2rem 0;
}

a:link { color:black; text-decoration:none;opacity:1;cursor:pointer; }
a:visited { color:black; text-decoration:none;opacity:1;cursor:pointer; }
a:hover { color:black; text-decoration:none;opacity:1;cursor:pointer; }
a:active { color:black; text-decoration:none;opacity:1;cursor:pointer; }

a.red:link { color:crimson; text-decoration:none;opacity:1; cursor:pointer; }
a.red:visited { color:crimson; text-decoration:none;opacity:1; cursor:pointer; }
a.black:hover { color:black; text-decoration:none;opacity:1; cursor:pointer; }
a.red:active { color:crimson; text-decoration:none;opacity:1; cursor:pointer; }








@media only screen and (max-width:768px) {
body {
font-family: abel;
font-size: 1.3rem;
  margin:0 0 0 5%;
  background-color: #f8f8ff;
}

#content {
position: absolute;
top: 50%;
right: 0;
width: 100%;
padding-left:;
background-color:#f8f8ff;
opacity: 1;
}

#fifty {
width: 100%;
margin: 0 0 100px 0;
padding: 0;
background-color:#f8f8ff;
opacity: 1;
}	

.newspaper {
  column-count: 1;
  margin: 0;
  border-top: 1px solid black;
  padding-top:2rem;
  font-family: Abel;
  font-size: 1.2rem;
}

.leer {
	font-family: Abel;
	font-size: 2rem;
}

#float-100 {
	float:left;
	width:100px;
	margin: 0 1rem 0 0;
}

#float-160 {
	float:left;
	width:160px;
	margin:0 1rem 0 0;
}

#nav-bar {
	display: inline;
	word-spacing: 1rem;
}

table {
	font-family: Abel;
}

td {
	vertical-align: top;
	border-bottom: 0px solid lightgray;
}

textarea {
	font-family: Abel;
	font-size: 1.1rem;
	width: 260px;
	height: 200px;
}
input {
	font-size: 4vw;
}
}