/*Default, for large screens*/
#header
{	
    height:70px;
    background-color:black;
    width:auto;
    z-index:1;
    min-width:260px;
    font-family:Garamond, Georgia, serif;
}


#logo
{
    position:absolute;
    width:20px;
    top:23px;
    left:6%;
    z-index:2;
}

#header_title_text
{
    font-size:30px;
    position:absolute;
    top:15px;
    left:7%;
    font-weight:400;
    -webkit-font-smoothing: antialiased;
}	

.header_title_name
{
    color:white;
    display:inline;
}

.header_title_punct
{
    color:red;
    display:inline;
}

#header_nav
{
    color:white;
    position:absolute;
    right:7%;
    top:25px;
    -webkit-font-kerning:normal;
    font-size:20px;
    display:inline;
    /*word-spacing:1.1em;*/
    font-weight:600;
    -webkit-font-smoothing: antialiased;

}

#header_nav a:link, #header_nav a:visited, #header_nav, a:active 
{
    color:white;
    text-decoration:none;
}

#header_nav a:hover {color:#FF0000;}

#first_line
{
    position:relative;
    top:50px;
    background-color:red;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}

#second_line
{
    position:relative;
    top:55px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}





/* For medium screens */
@media (max-width:800px)
{
	
#header
{	
    position:relative;
    height:90px;
    width:auto;
}


#logo
{
    visibility:hidden;
}

#header_title_text
{
    position:absolute;
    left:10%;
    font-size:20px;
}	

#header_nav
{
    position:absolute;
    top:40px;
    left:10%;
    font-size:20px;
}



#first_line
{
    position:relative;
    top:65px;
    background-color:red;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}

#second_line
{
    position:relative;
    top:70px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}

}



/* For phone screens */
@media (max-width:450px)
{
	
#header
{	
    position:relative;
    height:90px;
    width:auto;
}


#logo
{
    visibility:hidden;
}

#header_title_text
{
    position:absolute;
    left:10%;
    font-size:20px;
}	

#header_nav
{
    position:absolute;
    top:40px;
    left:10%;
    font-size:13px;
}



#first_line
{
    position:relative;
    top:65px;
    background-color:red;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}

#second_line
{
    position:relative;
    top:70px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    height:1px;
}

}