@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400');

a,
a:hover,
a:focus,
a:active {
text-decoration: none;
color: inherit;
}

body { 
font-family: 'Merriweather', sans-serif;
background: url('../main_files/background.png') no-repeat top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.container {
max-width: 600px;
}

/*
* Logo
*/

.logo {
margin-bottom: 30px;
margin-top: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 320px;
max-width: 100%;
}

.logo img {
max-width: 100% !important;
}

/* Buttons */

.btn-copy {
background: #81111B;
border-radius: 10px;
padding: 8px 25px;
font-size: 16px;
color: #FFF;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
margin-top: -25px;
margin-left: 10px;
}

.btn-copy:hover,
.btn-copy:focus,
.btn-copy:active {
background: #6b1017;
color: #FFF;
}

/*
* Links
*/

.links {
margin-top: 40px;
margin-bottom: 30px;
}

.col-md-6,
.col-sm-6,
.col-xs-12 {
padding-left: 0;
padding-right: 0;
}

.navigation img {
max-width: 100%;
width: 180px;
text-align: center;
}

/* Players */

.player-content {
margin-left: auto;
margin-right: auto;
width: 400px;
text-align: center;
}

.players {
border: 1px solid #F1A237;
padding: 5px;
width: 40%;
display: inline-block;
text-transform: uppercase;
color: #F1A237;
font-weight: 300;
font-size: 12px;
text-align: center;
}

.players h3 {
margin: 0;
font-size: 20px;
font-weight: 300;
}

/*
* Media Queries
*/

@media (max-width: 768px) {
.logo {
padding: 0 20px;
}
.logo img {
margin-bottom: 50px;
}

.links {
margin-bottom: -30px;
}

.navigation:last-of-type {
margin-bottom: 50px;
}
}