@font-face
{
 font-family: 'Roboto-Bold';
 src: url('../fonts/Roboto-Bold.ttf');
}

@font-face
{
 font-family: 'Roboto-Light';
 src: url('../fonts/Roboto-Light.ttf');
}

@font-face
{
 font-family: 'Roboto-Medium';
 src: url('../fonts/Roboto-Medium.ttf');
}

@font-face
{
 font-family: 'Roboto-Regular';
 src: url('../fonts/Roboto-Regular.ttf');
}

@font-face
{
 font-family: 'RobotoCondensed-Bold';
 src: url('../fonts/RobotoCondensed-Bold.ttf');
}

@font-face
{
 font-family: 'RobotoCondensed-Light';
 src: url('../fonts/RobotoCondensed-Light.ttf');
}

@font-face
{
 font-family: 'RobotoCondensed-Regular';
 src: url('../fonts/RobotoCondensed-Regular.ttf');
}

@font-face
{
 font-family: 'RobotoSlab-Bold';
 src: url('../fonts/RobotoSlab-Bold.ttf');
}

@font-face
{
 font-family: 'RobotoSlab-Light';
 src: url('../fonts/RobotoSlab-Light.ttf');
}

@font-face
{
 font-family: 'RobotoSlab-Regular';
 src: url('../fonts/RobotoSlab-Regular.ttf');
}

body ul {list-style-type: none;padding:0px;margin:0px; }

#logo-container {padding-top:60px;}
#logo-container img {margin:0 auto;display:block;padding-left:15px;}
#phrase-container {text-align:center;display:block;color:#363937;margin-left:35%;margin-right:35%;}
#phrase-container h3, #phrase-container h4 { font-family:Roboto-Light;}
#phrase-container h3 {font-size:1.4em;}
#phrase-container ul li {display:inline;}
#phrase-container ul li a{color:#363937; font-size:1.5em;padding-right:5px;padding-left:5px;}
#phrase-container a {color:#363937; text-decoration:none;}
#phrase-container ul li a:hover, #phrase-container a:hover {color:#b00061;}