/***********************/
/* CoRD Altered Styles */
/***********************/
.page-header-menu{
    top:140px;
}


header .container {
    background: url("MyDogs_Scene.png") no-repeat center center;
    background-position: bottom center;
}

#site-name h1 a {
            width: 297px;
            height: 80px;
            background: url("MyDogs.png") center / cover no-repeat;
           
        }

@media only screen and (min-width: 993px) and (max-width: 1365px) { 

    header .container {
        background-size: 20em, 20em;
    }

    #site-name h1 a{        
        width: 220px;
        height: 55px;
    }   
}

@media only screen and (min-width: 769px) and (max-width: 992px) { 

    header .container {
        background-size: 18em, 18em;
    }
	
	#site-name
	{
		right: 5%;
	}

    #site-name h1 a{        
        width: 190px;
        height: 50px;
    }   
}

@media only screen and (max-width: 768px) {    
    header .container{
        background-size: 15em, 15em;
    }

   #site-name h1 a{       
        width: 190px;
        height: 50px;
    }     
}

 @media only screen and (max-width: 576px) {
    .page-header {
        z-index: 1000;
    }
    #desktop-menu{
            display: none;
    }

    #mobile-menu{
        display: block;
    }
    .dropdown-menu{           
    left: initial;
    right: 0px;
    min-width:initial;
    max-width: 140px;
    }
}
 @media only screen and (min-width: 577px) {
    #desktop-menu {
            display: block;
    }

    #mobile-menu{
        display: none;
    }
}

@media only screen and (max-width:492px) {
	
	        header .container {
            background-image: none;
            height: 5em;
            padding: 0;
        }
		
    .page-header-menu{
        top:5em;
    }

 #site-name h1 a{
        width: 180px;
        height: 40px;
    }      
}