@font-face {
    font-family: "lato-hairline";
    src: url('Lato/Lato-Hairline.eot');
    src: url('Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
    url('Lato/Lato-Hairline.svg#Lato') format('svg'),
    url('Lato/Lato-Hairline.woff') format('woff'),
    url('Lato/Lato-Hairline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "lato-regular";
    src: url('Lato/Lato-Regular.eot');
    src: url('Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('Lato/Lato-Regular.svg#Lato') format('svg'),
    url('Lato/Lato-Regular.woff') format('woff'),
    url('Lato/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body{
    width: 90%;
    max-width: 1024px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight:normal;
    font-family: "lato-regular", "Lato", "DejaVu Sans Condensed", Arial, sans-serif;
}

h1{ 
    font-size:22px;
    line-height:28px;
    font-family: "lato-hairline", "Lato", "DejaVu Sans Condensed", Arial, sans-serif;
}

h2 {
  text-align: center;
  font-family: "lato-hairline", "Lato", "DejaVu Sans Condensed", Arial, sans-serif;
  font-weight: bold;
  font-size:20px;
  border-top-style: solid;
  border-top-width: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 7px 0px 5px 0px;
  margin-bottom: 50px;
  margin-top: 50px;
}

h3{
    font-size:18px;
    margin-bottom:0px;
}

a:link, a:visited, a:hover, a:active {
    color: #7f97b0;
    text-decoration: none;
}

#header {
    width:100%;
    padding-top:20px;
}

#contact {
    float:right;
    border-left-style:solid;
    border-left-width:1px;
    margin-left:20px;
    padding-left:20px;
}

#welcome {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.reverse {
    unicode-bidi:bidi-override;
    direction: rtl;
}

div.schedule {
    background: rgba(0, 0, 0, .1);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px;
}

div.schedule table {
    background: #fff;
    border-collapse: collapse;
    color: #222;
    width: 100%;
}

div.schedule td {
    border: 1px solid #ccc;
    color: #444;
    line-height: 22px;
    text-align: center;
}

.holiday {
    border: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5) inset;
}

.exam {
    border: 0;
    box-shadow: 0 2px 6px rgba(200, 0, 0, .5) inset;
}

.homework {
    border: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 100, .5) inset;
}