#container{
width: 100%;
height: auto;
}
/* Start CSS of the accordion */
.accordion label {
border-radius: 3px;
display:block;
background-color: #e6fffe;
font-size: normal;
font-family: inherit;
font-weight: normal;
padding: 10px 15px;
vertical-align: middle;
height: 3em;
color: #424242;
cursor: pointer;
}
.accordion p {
color: #424242;
padding: 10px;
font-size: 0.8em;
line-height: 1em;
opacity: 0;
display: none;
text-align: left;
background-color: #fff;
margin: 0px;
}
#tm:checked ~ .hiddentext {
display: block;
opacity: 1;
}
input#tm {
display: none;
position: relative;
}
#tn:checked ~ .hiddentext {
display: block;
opacity: 1;
}
input#tn {
display: none;
position: relative;
}
#to:checked ~ .hiddentext {
display: block;
opacity: 1;
}
input#to {
display: none;
position: relative;
}
#tq:checked ~ .hiddentext {
display: block;
opacity: 1;
}
input#tq {
display: none;
position: relative;
}
#tr:checked ~ .hiddentext {
display: block;
opacity: 1;
}
input#tr {
display: none;
position: relative;
}
.arrow{
color: #666666;
}
Some big header!
some text!
some more text!
Item 2
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
Item 3
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
Item 3
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.