.background {
    background: linear-gradient(to right, #f0f8ff, #e6f7ff);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-size: cover;
  }

article {
    margin: 2%;
    
}

/* TEXT STYLE */

h1 {
	text-align: center;
}


@media only screen and (min-width:740px) {
	/* Deckstop version */
	h1 span {
		position: relative;
		margin: 0 0 1vw 3vw;
		padding-bottom: 0.35vw;
		cursor: default;
		font-family: 'Comfortaa';
		font-size: 50px;
		color: #eee;
		background: -webkit-linear-gradient(#105b63, #004d40);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
                margin: 2%;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	h1 span {
		position: relative;
		padding-bottom: 0.35vw;
		cursor: default;
		font-family: 'Comfortaa';
		font-size: 25px;
		color: #eee;
		background: -webkit-linear-gradient(#105b63, #004d40);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
                margin: 5%;
	}
}

section {
    text-align: justify;
}

@media only screen and (min-width:740px) {
	/* Deckstop version */
	div.content {
		margin: 0 0 0 3.5vw;
		padding: 1vw;
		width: 25%;
		background-color: rgba(10, 10, 10, 0.3);
		font-family: 'Comfortaa';
		font-size: 20px;
	}
	div.content ol {
		line-height: 30px;
	}
	div.content a {
		position: relative;
		text-decoration: none;
		color: #ddd;
		transition: color 0.15s ease-out;
	}
	div.content a:hover {
		color: #0cf;
	}
	div.content span {
		font-size: 21px;
	}
	.contentDescription {
		font-size: 20px;
		color: #adadad;
	}
	article section {
		margin: 2.5vw 5vw;
		font-size: 25px;
		font-family: 'Comfortaa';
                margin: 2%;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	div.content {
		margin-bottom: 50px;
		padding: 10px;
		width: auto;
		background-color: rgba(10, 10, 10, 0.3);
		font-family: 'Comfortaa';
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	div.content ol {
		line-height: 38px;
	}
	div.content a {
		position: relative;
		text-decoration: none;
		color: #ddd;
		transition: color 0.15s ease-out;
		font-size: 21px;
	}
	div.content a:hover {
		color: #0cf;
	}
	div.content span {
		font-size: 30px;
		text-align: center;
	}
	.contentDescription {
		font-size: 22px;
		color: #adadad;
	}
	.administration {
		font-size: 22px;
		font-family: 'Comfortaa';
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}

@media only screen and (min-width:740px) {
	/* Deckstop version */
	h2 span {
		margin: 2vw 0 1vw 3vw;
		padding: 0.35vw;
		color: #eee;
		background: -webkit-linear-gradient(rgb(255, 110, 74), rgb(189, 255, 234));
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		cursor: default;
		font-family: 'Comfortaa';
		font-size: 39px;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	h2 span {
		background: -webkit-linear-gradient(rgb(255, 110, 74), rgb(189, 255, 234));
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		font-family: 'Comfortaa';
		font-size: 39px;
	}
}

aside.wikiInfo {
	font-size: 0.8vw;
	color: #aaa;
}

p span.year {
	background-image: -webkit-linear-gradient(#ff3f00, #ff3f00, #ff3f00, #ff3f00, #ff3f00, #ff3f00, #e94c7d, #de5390, #b65ba4, #8762a9, #5a64a0, #38618c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.wikiPage a {
	color: #ddd;
	position: relative;
	font-family: 'Comfortaa';
	text-decoration: none;
	transition: 0.1s color ease-out;
}

span.wikiPage a:hover {
	color: #333;
}

span.wikiPage a::before {
	content: '';
	position: absolute;
	height: 0.12vw;
	width: 100%;
	bottom: -2px;
	z-index: -1;
	background: rgb(0, 255, 128);
	border-radius: 1vw;
	transition: .1s height ease-out;
}

span.wikiPage a:hover::before {
	height: 1.3vw;
	background-image: linear-gradient(to right, rgba(0, 255, 128, 0.6), rgba(0, 128, 255, 0.6));
	border-radius: 0.2vw;
}

@media only screen and (min-width:740px) {
	/* deckstop version*/
	section.contacts {
		text-align: center;
		font-family: 'Comfortaa';
	}
}

@media only screen and (max-width:740px) {
	/* mobile version*/
	section.contacts {
		font-family: 'Comfortaa';
		font-size: 20px;
		margin: 20px;
		line-height: 30px;
	}
}

/*IMAGES*/

.gallery img {
	max-width: 300px;
	overflow: hidden;
	border-radius: 10%;
	margin: 25px;
	margin-top: 50px;
	border: 2px solid #333;
	box-shadow: inset 0 0 100px #000000;
	transition: all 0.25s ease-in-out;
}

@media only screen and (min-width:740px) {
	/* Deckstop version */
	.gallery {
		margin-top: 50px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}
	.gallery img {
		border: 2px solid #333;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	.gallery {
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}
	.gallery img {
		border: 2.5px solid #79b3f4;
	}
}

.gallery .special {
	border-radius: 5px;
}

.gallery img:hover {
	transform: scale(133%);
	border: 2px solid #79b3f4;
	border-radius: 15px;
}


/*HISTORY*/

@media only screen and (min-width:740px) {
	/* Deckstop version */
	.comment {
		font-size: 20px;
		color: #aaa;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	.comment {
		margin-left: 10px;
		font-size: 16px;
		font-weight: 300;
		color: #aaa;
		line-height: 130%;
	}
}

span.wikiPage a {
	color: #ddd;
	position: relative;
	font-family: 'Comfortaa';
	text-decoration: none;
	transition: 0.1s color ease-out;
}

.year {
	background: -webkit-linear-gradient(rgb(0, 128, 255), rgb(0, 255, 128));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.wikiPage a:hover {
	color: #333;
}

span.wikiPage a::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	bottom: -2px;
	z-index: -1;
	background: rgb(0, 255, 128);
	border-radius: 5px;
	transition: .1s height ease-out;
}

span.wikiPage a:hover::before {
	height: 100%;
	background-image: linear-gradient(to right, rgba(0, 255, 128, 0.6), rgba(0, 128, 255, 0.6));
}

.link {
	position: relative;
	text-decoration: none;
	color: #0cf;
	font: 22px 'Comfortaa';
	background-color: transparent;
	padding: 5px 10px 0 10px;
	overflow: hidden;
	transition: all .25s ease-in-out;
}

.link:hover {
	color: rgb(135, 138, 0);
}

.link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: turquoise;
	width: 100%;
	height: 0%;
	border-radius: 3px;
	z-index: -1;
	transition: all .25s ease-in-out;
}

.link:hover::before {
	height: 100%;
	background-color: #0cf;
	border-radius: 5px;
}


.lined {
	text-decoration: none;
	color: rgb(0, 70, 35);
	position: relative;
	transition: all 0.2s ease-in-out;
}

.lined::before {
	content: '';
	position: absolute;
	width: 0%;
	background-color: rgb(4, 160, 82);
	height: 2px;
	bottom: 0;
	border-radius: 15px;
	transition: all 0.3s ease-in-out;
}

.lined:hover::before {
	width: 100%;
}

.lined:hover {
	color: rgb(135, 138, 0);
}

footer {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    background-color: #00796b;
    color: #e0f2f1;
    margin-top: 20px;
  }

  /*RETURN BUTTON*/

.Return {
	text-decoration: none;
	text-align: center;
	color: #595758;
	transition: all .2s ease-in-out;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px 20px 0;
	background-color: #e5e9f0;
	margin: 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 0px;
	border-top: 3px solid #00796b;
	box-shadow: 0 0 25px rgb(0, 0, 0);
}

@media only screen and (min-width:740px) {
	/* Deckstop version */
	.Return {
		font-size: 35px;
	}
}

@media only screen and (max-width:740px) {
	/* Mobile version */
	.Return {
		font-size: 28px;
	}
}

.Return:hover {
	color: rgb(153, 130, 0);
	border-top-left-radius: 50px;
	padding-right: 55px;
}


#schoolHistory {
  margin: 2%;
}