@font-face {
    font-family: 'DIN';
    src: url(DIN.woff) format('woff');
    font-weight: normal;
    font-style: normal
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 13px;
    vertical-align: baseline;
    background: transparent;
}

img {
    margin-right: 7px;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'DIN';
}

body {
    margin: 0px;
}

table{
	border-spacing: 0px;
}

table.grade {
    width: 100%;
    max-width: 100%;
}

th{
	font-weight: normal;
}

th, td{
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	/* vertical-align: middle; */
}

th {
    font-size: 18px;
}

td {
    border-left: solid 1px #114461;
    border-bottom: solid 1px #114461;
    text-align: justify;
}

.blue{
	background-color: #3d96ac;
	color: white;
}

.white{
	background-color: white;
	color: black;
}

td.center {
    text-align: center;
    font-size: 13px;
}

.dark-blue{
	background-color: #114461;
	color: white;
}

th.middle {
    border-left: solid 1px white;
}

th.grade {
    width: auto;
}

th.exp {
    width: 50%;
}

.gray{
	background-color: gray;
	color: black;
}

.top-left{
	border-radius: 5px 0px 0px 0px;
}

.top-right{
	border-radius: 0px 5px 0px 0px;
	border-left: solid 1px white;
}

.bottom-left{
	border-radius: 0px 0px 0px 5px;
}

.bottom-right{
	border-radius: 0px 0px 5px 0px;
}

.second{
	border-right: solid 1px #114461;
	font-size: 16px;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}