/* contents */
.contents-container .title {
    display: flex;
    justify-content: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.contents-container .title img {
	width: 32px;
    height: 32px;
	margin-top: 6px;
    margin-right: 10px;
}
.contents-container .title h1 {
    color: #0765b2;
    font-weight: bold;
    font-size: 300%;
    margin: 0 0 20px 0;
    font-family: 'Raleway', sans-serif;
}
.contents-container .title h1 span {
    font-weight: normal;
	font-size: 90%;
}
.contents-container .description p {
    font-family: 'Raleway', sans-serif;
    color: #66696b;
    font-size: 120%;
    margin: 0 10% 40px 10%;
}
.contents-container .contents  {
	margin: 0 15%;
}
.contents-container .useful-info table {
    margin-left: 20px;
	margin-bottom: 50px;
    width: 100%;
    color: #66696b;
    font-size: 110%;
    font-family: 'Raleway', sans-serif;
}
.contents-container .useful-info table a {
    text-decoration: none;
	word-break: break-all;
}
.contents-container .useful-info-responsive {
	margin: 0 11% 30px 11%;
	display: none;
}
.contents-container .useful-info-responsive p {
	font-family: 'Raleway', sans-serif;
    color: #66696b;
    font-size: 120;
	font-weight: bold;
	margin: 0;
}
.contents-container .useful-info-responsive .link {
	display: flex;
	margin-bottom: 20px;
}
.contents-container .useful-info-responsive a {
	font-family: 'Raleway', sans-serif;
    font-size: 120%;
	word-break: break-all;
	text-decoration: none;
}

/**
  MEDIA QUERIES
*/
@media (max-width:1199px) {
	.contents-container .useful-info {
		margin: 0 10% 0 5%;
	}
}
@media (max-width: 800px) {
	.contents-container .title img {
		width: 27px;
		height: 27px;
		margin-top: -15px;
		margin-right: 8px;
	}
	.contents-container .title h1 {
		margin-top: -20px;
		margin-bottom: 0;
		font-size: 250%;
	}
}
@media (max-width: 700px) {
    .contents-container .useful-info {
		display: none;
	}
	.contents-container .useful-info-responsive {
		display: block;
	}
}
@media (max-width: 560px) {
	.contents-container .description p {
		font-size: 100%;
		margin: 0 5% 30px 5%;
	}
	.contents-container .useful-info-responsive {
		margin-bottom: 20px;
	}
	.contents-container .useful-info-responsive p {
	    font-size: 100%;
	}
	.contents-container .useful-info-responsive .link a {
		font-size: 100%;
	}
}
@media (max-width: 400px) {
	.contents-container .title img {
		width: 22px;
        height: 22px;
        margin-top: -27px;
		margin-right: 6px;
    }
    .contents-container .title h1 {
		margin-top: -30px;
        font-size: 200%;
    }
}