html {
	font-size: 16px;

}

sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }

@media screen and (max-width: 800px) {

html {
	font-size: 15px;
}

}


@media screen and (max-width: 480px) {

html {
	font-size: 14px;
}

}

body {
	padding: 0;
	margin: 0;
	font-family: "Unbounded", sans-serif;
	font-weight: normal;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	line-height:1.2rem;
	text-align: justify;
}

li {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
}


h1 {
	margin: 0 0 1.8rem 0;
	font-size: 2.1rem;
	padding: 0;
	font-weight: 700;
}

h2 {
	font-size: 1.8rem;
	padding: 0;
	margin: 1.8rem 0;
	font-weight: 700;
}

h3 {
	font-size: 1.4rem;
	padding: 0;
	margin: 1.4rem 0;
	font-weight: 400;
}

h4 {
	font-size: 1.2rem;
	padding: 0;
	margin: 10px 0;
}

h5 {
	font-size: 1.1rem;
	padding: 0;
	margin: 10px 0;
}

h6 {
	font-size: 1rem;
	padding: 0;
	margin: 10px 0;
}

@media screen and (max-width: 480px) {

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.6rem;
	margin: 1.6rem 0;
}

h3 {
	font-size: 1.5rem;
	margin: 1.5rem 0;
}


}


details {
	margin-bottom: 15px;
	text-align: justify;
}

summary {
	font-size: 1.1rem;
	cursor: pointer;
	text-align: justify;
}

summary:hover {
	text-decoration: underline;
}

.details_info {
	margin-top: 10px;
}

a {
	color: #5d7fc9;
}


a:hover {
	
}

a:visited {
	
}

ul {

}

li {

}