@charset "utf-8";
/* CSS Document */

.contentnow
{
margin-top:180px;
 /*just to get the page to scroll*/
}
.contentnow.shrink {
    margin-top:230px;
}

#navbar.shrink {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	z-index: 1000;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	margin-top:75px;
}

#navbar.shrink .navbar-inverse {
    background-color:#333;
}

#titlebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
    z-index: 1000;
	overflow:hidden;
    height: 180px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;

}
#titlebar.shrink {
    height: 75px;
	background-color:#555;
}


#titlebar.shrink #titleimg
{
    width:50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#titlebar.shrink #title1
{
	font-size:28px;
	margin-top:10px;
	float:left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#titlebar.shrink #title2
{
	display:none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#titlebar.shrink #clem
{
	display:inline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#titlebar.shrink #title3
{
	margin-top:5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#titlebar.shrink #okoro3
{
	display:none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


@media screen and (max-width: 800px){ 
	
#titlebar.shrink #title1 {
		font-size:24px;
	}
			 }
			 
@media screen and (max-width: 700px){ 
	
#titlebar.shrink .toplinker {
		display:none;
	}
#titlebar.shrink #okoro2 {
		display:block;
	}	
			 }	
			 
@media screen and (max-width: 600px){ 
	
#titlebar.shrink #title1 {
	width:75%;
		font-size:24px;
	}
#titlebar.shrink #okoro2 {
		display:none;
	}	
			 }