@font-face {
    font-family: 'notoregular';
    src: url('NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notomedium';
    src: url('NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notobold';
    src: url('NotoSerif-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notolight';
    src: url('NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.box_thin{ 
            font-family: "notolight";
            font-size: 16px;
            letter-spacing: 0px;
            }
            
.box_medium{             
            font-family: "notomedium";
            font-size: 22px;
            line-height: 120%;
            }

.box_regular{             
            font-family: "notoregular";
            font-size: 16px;
            letter-spacing: 0px;
            }

.box_light{             
            font-family: "notolight";
            font-size: 16px;
            letter-spacing: 0px;
            }
            
.info_header{           
            font-family: "notobold";
            font-size: 36px;
            line-height: 100%
            }

            /* unvisited link */
	a:link {
  	color: black;
	}

	/* visited link */
	a:visited {
 	 color: black;
	}

	/* mouse over link */
	a:hover {
  	color: gray;
	}

	/* selected link */
	a:active {
  	color: gray;
	}