.mainTitle{
	font-size: 1rem;
	color: gray;
	display: inline-block;
}

.mainTitle.sole{
	font-size: 1.8rem;
	color: black;
	line-height: 2rem;
	font-weight: bolder;
}

.subTitle{
	color: black;
	font-size: 1.8rem;
	line-height: 2.5rem;
}

.underHiLine{
	border-bottom: solid lightgray 0.3rem;
}

.mainTitleContainer.hasSub::after {
    top: 50%;
    margin-left: .4rem;
    margin-bottom: .1rem;
    margin-right: .4rem;
    right: 1rem;
    display: inline-block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent black;
}

.mainTitleContainer {
	padding-left: 1rem;
}

.smallFont.subTitle{
	font-size: 1rem;
	line-height: 1.1rem;
}
a.mainTitleContainer, a.mainTitleContainer>label{
	cursor: pointer;
	font-weight: bolder;
}

a.mainTitleContainer:hover>label, a.mainTitleContainer:focus>label{
	color: #1468a0;
}
a.mainTitleContainer.hasSub:hover>label, a.mainTitleContainer.hasSub:focus>label{
	text-decoration: underline;
}

a.subTitleContainer > .subTitle:hover{
	cursor: pointer;
}

a.subTitleContainer > .underHiLine{
	border-bottom: solid hsl(49, 97%, 49%) 0.3rem;
}

@media screen and (max-width: 39.9375em) {
	.mainContent {
		box-shadow: none;
		width: 100% !important;
		margin: 0 !important;
	}
	
	.mainTitle, .mainTitle.sole{
		font-size: 1.6rem;
		color: black;
		line-height: 1.8rem;
	}
	.subTitle{
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.mainTitleContainer {
		padding-left: 0;
	}
	.subTitleContainer.smallFontContainer{
		width: auto;
	}
	.underHiLine {
  	  	border-bottom: solid hsl(49, 97%, 49%) 0.2rem;
	}
}