#divAppHeader
{
    height:50px;
    left:320px;
    padding:30px 0px;
    position:fixed;
    right:0px;
    top:0px;
    transition:background-color 0.25s, box-shadow 0.25s, left 0.25s, padding 0.25s;
    z-index:2;
}

.hideMenu #divAppHeader
{
	left:0px;
}

.pageScrolled #divAppHeader
{
    background-color:rgba(27, 28, 32, 0.9);
    box-shadow:0px 0px 15px rgba(0, 0, 0, 0.9);
    padding:15px 0px;
}

#divAppHeader #divHeaderLogo
{
    background-image:url('../images/logo.png');
    background-size:cover;
    cursor:pointer;
    display:none;
    float:left;
    height:50px;
    margin-left:20px;
    position:relative;
    width:134px;
}

.hideMenu #divAppHeader #divHeaderLogo
{
	display:inline;
}

#divAppHeader #btnPromotions
{
    display:none;
    float:right;
    margin:5px 50px 0px 0px;
}

.signedIn #divAppHeader #btnPromotions
{
    display:inline-block;
}

#divAppHeader #btnSignIn, #divAppHeader #btnRegister
{
    float:right;
    margin:5px 15px 0px 0px;
}

.signedIn #divAppHeader #btnSignIn, .signedIn #divAppHeader #btnRegister
{
    display:none;
}

#divAppHeader #btnPromotions, #divAppHeader #btnRegister
{
    animation:pulsateButton 3s;
	animation-iteration-count:infinite;
}

/* ANIMATION KEY FRAMES */
@keyframes pulsateButton
{
	0%   {border:2px solid #cffdff; box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9; color:#ffffff; text-shadow:0px 0px 5px #01eff9;}
	25%  {border:2px solid #3f4656; box-shadow:inset 0px 0px 5px rgba(1, 239, 249, 0), 0px 0px 5px rgba(1, 239, 249, 0); color:#888b90; text-shadow:0px 0px 5px rgba(1, 239, 249, 0);}
    50%  {border:2px solid #fbd3ff; box-shadow:inset 0px 0px 5px #e600ff, 0px 0px 5px #e600ff; color:#ffffff; text-shadow:0px 0px 5px #e600ff;}
    75%  {border:2px solid #3f4656; box-shadow:inset 0px 0px 5px rgba(1, 239, 249, 0), 0px 0px 5px rgba(1, 239, 249, 0); color:#888b90; text-shadow:0px 0px 5px rgba(1, 239, 249, 0);}
	100% {border:2px solid #cffdff; box-shadow:inset 0px 0px 5px #01eff9, 0px 0px 5px #01eff9; color:#ffffff; text-shadow:0px 0px 5px #01eff9;}
}

/* MEDIA QUERIES */
@media (max-width: 1200px)
{
	#divAppHeader
	{
		left:0px;
	}

    #divAppHeader #divHeaderLogo
    {
        display:inline;
    }

    #divAppHeader #btnPromotions, .signedIn #divAppHeader #btnPromotions
    {
        display:none;
    }

    #divAppHeader #btnSignIn
    {
        margin:5px 30px 0px 0px;
    }
}

@media (max-width: 800px)
{
    #divAppHeader
	{
		padding:20px 0px;
	}
	
	#divAppHeader #divHeaderLogo
    {
        margin-left:10px;
        width:48px;
    }

    #divAppHeader #btnSignIn
    {
        margin:5px 20px 0px 0px;
    }
}

@media (max-width: 600px)
{
    #divAppHeader
	{
		padding:15px 0px;
	}

	.pageScrolled #divAppHeader
	{
		padding:10px 0px;
	}
	
	#divAppHeader #divHeaderLogo
    {
        margin-left:10px;
    }

    #divAppHeader #btnSignIn
    {
        margin:5px 15px 0px 0px;
    }
}

@media (max-width: 400px)
{
    #divAppHeader #divHeaderLogo
    {
        height:40px;
        margin-top:5px;
        width:38px;
    }
}

@media (max-width: 380px)
{
    #divAppHeader #divHeaderLogo
    {
        margin-left:5px;
    }

    #divAppHeader #btnRegister
    {
        margin-right:10px;
    }
}