body 
{
background: #000;
color: #CCC;

font-family: 'Montserrat', sans-serif;

margin: 0px;
padding: 0px;
}


#troopHeader
{
position: relative;

top: 0px;

height: 5px;
background: #FF3;
}


#troopSplash
{
position: relative;
margin: auto;

text-align: center;

padding-top: 105px;
max-width: 465px;
}



.troopHeadline
{
margin-top: -25px;

font-weight: normal;

font-size: 12px;
text-transform: uppercase;
text-align: center;
}



#troopSocial
{
position: relative;
margin: auto;
padding-top: 35px;

width: 200px;
}


.socialFB
{
width: 45px;
height: 45px;

background:url(images/social-fb.png);
}

.socialFB:hover
{
opacity: 0.65;
}


.socialTwitter
{
width: 45px;
height: 45px;

background:url(images/social-tweet.png);
}

.socialTwitter:hover
{
opacity: 0.65;
}


.socialIG
{
width: 45px;
height: 45px;

background:url(images/social-insta.png);
}

.socialIG:hover
{
opacity: 0.65;
}




#troopCopyright
{
color:#555;

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

bottom: 20px;


font-size: 10px;
text-transform: uppercase;
text-align: center;

}


::selection 
{
color:#ff3;
background: #555;
}

::-moz-selection {
color: #ff3;
background: #555;
}



@media (max-width: 480px) { /* 480px */

#troopSplash
{
padding-top: 55px;
max-width: 300px;
}

.logoMobile
{
width: 290px;
height: auto;

}


.troopHeadline
{
margin-top: -5px;
}



}