hr{
	margin-bottom:20px;
}

.img-center{
	margin-bottom:10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width:90%;
}

.img-container{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
}

.flex-container-left{
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

p > i, dd > i{
	color:royalblue;
}

dd{
	color:#797979;
}

dd{
	margin-left:20px;
}

p, dd, table{
	margin-bottom:10px;
}

table,th,td{
	padding-left: 7px;
	padding-right: 7px;
	color:#154360;
	border-spacing: 0px;
	border-collapse: collapse;
	border: #154360 solid 1px;
}

.sub-title{
	font-family: 'RobotoSlab-Regular';
	color: #15276B;
}

.yt-container{
	margin-bottom:10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:90%;
	max-width:560px;
	max-height:315px;
}

.yt-vid{
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.yt-vid iframe, .yt-vid object, .yt-vid embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.guide-dl dt{
	font-weight: bold;
}

.guide >li {
	list-style-type: disc;
}

.skill-desc{
  display: block;
  padding: 9.5px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 10px 15px;
}

@media only screen and (max-width: 550px) {
  .skill-desc{
      margin: 5px 0px;
      font-size: 11px;
  }
}