p.timetable-link{
box-sizing:border-box;
text-align:center;
color:white;
width:80%;
font-size:95%;
margin:initial;
margin-top:2.5em;
margin-bottom:1.5em;
margin-left:10%;
background:#011751;
padding:10px;
border-radius:15px;
}

p.timetable-link:hover, span#close_s4_lessons_text:hover{
opacity:0.75;
cursor:pointer;
}

div#s4_lessons_text{
display: none;
z-index:100;
position:fixed;
margin:initial;
top:0;
width:95%;
left: 2.5%;
background:#fff;
font-size:100%;
text-align:center;
opacity:1;
color:#777;
padding:0;
box-sizing:border-box;
border:solid 2px #bbb;
border-radius:15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height:35em;
overflow:scroll;
}

#s4_lessons_text a{
display:block;
text-decoration:none;
color:#fff;
width:30%;
margin-left:35%;
margin-bottom:8px;
background:#dd3777;
border-radius:10px;
padding:3px;
}

span#close_s4_lessons_text{
display:inline-block;
text-align:center;
margin-top:.75%;
padding-top:2.5%;
padding-bottom:5%;
color:#777;
font-weight:bold;
font-size:175%;
}

/* INTRODUCTION TEXT */
p#intro{
text-align:center;
font-size:125%;
margin:initial;
margin-top:2.5em;
margin-bottom:2em;
color:#777;
width:90%;
margin-left:5%;
}

article{
width:100%;
border-bottom:solid 1px #ccc;
}

h2{
margin:initial;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:100%;
line-height: 1.6;
color:#00ADEE;
padding-top:3%;
text-align:left;
width:98%;
margin-left:1%;
}

.read-more{
display:inline-block;
margin-left:5px;
font-size:120%;
cursor:pointer;
margin-right:0;
margin-bottom:0em;
margin-top:0em;
color:red;
padding:0;
}

p.item-text{
margin-left:0;
padding-left:0;
width:96%;
margin-left:2%;
color:#777;
}

.close{
display:inline-block;
cursor:pointer;
font-weight:bold;
color:red;
font-size:80%;
margin-left:2.5%;
}

div.spacer-row{
height:3em;
}

@media (min-width:950px) 
{
	h2{
	margin:initial;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:125%;
	line-height: 1.6;
	color:#00ADEE;
	width:96%;
	padding-top:3%;
	text-align:left;
	width:100%;
	}
	
	p.timetable-link{
	box-sizing:border-box;
	text-align:center;
	color:white;
	width:30%;
	font-size:95%;
	margin:initial;
	margin-top:2.5em;
	margin-left:35%;
	background:#011751;
	padding:10px;
	border-radius:15px;
	}

	div#s4_lessons_text{
	position:absolute;
	width:50%;
	top:0;
	left: 25%;
	height:50em;
	overflow: auto;
	}
	
	/* INTRODUCTION TEXT */
	p#intro{
	text-align:center;
	font-size:125%;
	margin:initial;
	margin-top:2.5em;
	margin-bottom:2em;
	color:#777;
	width:100%;
	margin-left:0;
	}
	
	article{
	width:100%;
	border-bottom:solid 1px #ccc;
	clear:both;
	}
	
	.read-more{
	display:block;
	float:right;
	font-size:120%;
	cursor:pointer;
	margin-bottom:0em;
	margin-top:0em;
	color:#00ADEE;
	}
	
	p.item-text{
	margin-left:0;
	padding-left:0;
	width:100%;
	color:#777;
	}	
	
	.close{
	display:inline-block;
	float:right;
	cursor:pointer;
	font-weight:bold;
	color:red;
	font-size:97%;
	margin-top:1%;
	margin-right:0;
	}
}