body {
    color: #333;
}
a {
    color: #07579C;
}
p {
    text-align: center;
}
.big {
    font-size: 1.2em;
    margin: 0;
}
.small {
    font-size: 0.8em;
    margin: 0;
}
.navbar-brand {
    width: calc(100% - 6.5em);
}
.logo {
    width: 5em;
    background-color: #fff;
    padding: 0.5em;
    display: inline-block;
    margin: 0 0.5em 0 0;
    border-radius: 3px;
}
.text {
    display: inline-block;
    vertical-align: middle;
}
a.dep14:hover polygon, a.dep14:focus polygon {
    fill: grey;
}
a.dep27:hover polygon, a.dep27:focus polygon {
    fill: grey;
}
a.dep50:hover polygon, a.dep50:focus polygon {
    fill: grey;
}
a.dep61:hover polygon, a.dep61:focus polygon {
    fill: grey;
}
a.dep76:hover polygon, a.dep76:focus polygon {
    fill: grey;
}
.svg-container {
    margin: 0 auto;
    /*width: 60%;*/
    height: 0;
    /*padding-top: 48%;*/
    position: relative;
}
@media (max-width:576px) {
    .svg-container {
	width: 100%;
	padding-top: 90%;
    }
    .separation {
	display: none;
    }
}
@media (min-width:576px) and (max-width:768px) {
    .svg-container {
	width: 80%;
	padding-top: 70%;
    }
    .separation {
	display: inline;
    }
    br {
	display: none;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .svg-container {
	width: 70%;
	padding-top: 60%;
    }
    .separation {
	display: inline;
    }
    br {
	display: none;
    }
}
@media (min-width:992px) {
    .svg-container {
	width: 60%;
	padding-top: 50%;
    }
    .separation {
	display: inline;
    }
    br {
	display: none;
    }
}
.svg-content svg {
    position: absolute;
    top: 0;
    left: 0;
}