.renglon{float:left; font-size: .9em; margin-bottom:20px;}

h1, h2, h3 {color: #2A3881; margin-top: 5px;}

.renglon p {margin-top: 5px;}

.renglon ul, ol {margin: 5px 0 0 35px;}

.block{
  width: 90%;
  background: linear-gradient(#111, #333);
  color: #fff;
  padding-top: 10px;
  border-top: solid 1px #444;
  box-shadow: 0 1px 2px #000;

}

.yearsize {line-height: 2;}

.block input[type='radio']:checked ~ .info{
  height: 795px;
  transition: .1s linear;
}

.block input[type='radio']{
  display: none;
}

label {
    cursor: pointer;
    margin-left: 2%;
    padding-right: 90%;
    width: 90%;
}

.block span{
	font-weight: bold;
}

.info{
  background: #fff;
  color: #222;
  width: 100%;
  height: 0;
  padding-left: 15px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  transition: .1s linear;
}
@media only screen and (max-width: 980px) {
	.block {
		margin-left: 5%;
		width: 90%;
	}
	h1 {
		margin-left: 5%;
		width: 90%;
	}
	.block input[type="radio"]:checked ~ .info {
		height: 875px;
	}
}
@media only screen and (max-width: 840px) {
	.block input[type="radio"]:checked ~ .info {
		height: auto;
	}
	.renglon ul, ol {
		margin: 5px 5px 0 25px;
		text-align: justify;
	}
	.renglon p {
		margin-right: 15px;
		margin-top: 5px;
		text-align: justify;
	}
	.info li {
		margin-right: 13px;
	}
}
@media only screen and (max-width: 520px) {
	label{
		padding-right: 82%;
	}
}