@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("banner.css");
@import url("indexbelow.css");
@import url("fadein.css");
body {
	width: auto;
	margin: auto;
}
.hidethis{
	display: none;
}
.pointerthis{
	cursor:pointer;
	display:block;
	}

@media only screen and (max-width: 540px) {
.a, .b, .c, .d, .e{
	font-size:50%;}
}

.highlight-proj h3{
	margin-block-end: 0em;
}

.highlight-proj p{
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#more {display: none;}

.morebtn{
	float: left;
    font-size: 15px;
    border: none;
    background-color: #fff;
    color: #bc0c12;
    font-weight: bold;
}

.morebtn:hover{
	cursor: pointer;
}

.morebtn:active {
    outline: none;
    border: none;
}

.morebtn:focus {outline:0;}


#more2 {display: none;}

.morebtn2{
    border: none;
    background-color: #fff;
	font-size: 18px;
    font-weight: bold;
    color: #bc0c12;
}

.morebtn2:hover{
	cursor: pointer;
}

.morebtn2:active {
    outline: none;
    border: none;
}

.morebtn2:focus {outline:0;}

#seeMore {
    display: none;
  }

  #seeMore:target {
    display: block;
  }

.numbering {
    border-radius: 50%;
    width: 20px;
    height: 28px;
    padding: 5px 10px;
    background: #bc0c12;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    box-shadow: -1px 2px 9px rgb(71, 71, 71, 0.3);
    font-size: 16px;
    line-height: 2em;
}