body {
  padding-top: 1rem;
}
.template {
  padding: 3rem 0rem;
  text-align: left;
  color: #8d8d8d;
  font-family: 'Open Sans', sans-serif;
}
ul, li {
	list-style-type: none;
	padding-left: 0px;
	text-align: left;
}
a {
	color: #8D8D8D;
}
a:hover {
	text-decoration: none;
	color: #505050;
}
ul.flag-section {
	margin-top: 40px;
	float: left;
    color: #8D8D8D;
    line-height: 16px;
}
ul.flag-section.right {
	margin-left: 60px;
}
ul.flag-section li {
	margin-bottom: 26px;
	width: 200px;
}
ul.flag-section li span {
	font-size: 16px;
}
ul.flag-section .flag {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
ul.flag-section .flag-wrapper {
    width: 18px;
    height: 14px;
    box-shadow: 0 0 2px #8D8D8D;
    float: left;
    margin-right: 8px;
    margin-left: 6px;
    position: relative;
}
@media screen and (max-width:770px) {
	ul.flag-section {
		width: 100%;
		margin-left: 0px !important;
	}
	ul.flag-section.right {
		margin-top: 0px !important;
	}	
}