@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');

.logo { 
max-width: 300px;
  margin:.5rem 0;
}
.nav.navbar-nav.menu{
  margin-left:auto;
}
.nav-link {
  font-family: roboto;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar {
}
#main_content {
  margin-top: 2rem;
}
.blog .item-image img {
	width: 100% !important;
	margin-bottom: 1rem;
}
.readmore {
	margin-top: 1rem;
  margin-bottom: 3rem;
}
.bg-rank-1 {
background-color:rgba(0,0,0,0.9);
}
.bg-rank-2 {
background-color:rgba(0,0,0,0.8);
}
.bg-rank-3 {
background-color:rgba(0,0,0,0.7);
}
.bg-rank-4 {
background-color:rgba(0,0,0,0.6);
}
.bg-rank-5 {
background-color:rgba(0,0,0,0.5);
}
.bg-rank-6 {
background-color:rgba(0,0,0,0.4);
}
.pillows-rank {
    background-color: #000;
    background-image: url(/images/pillows_icon_white.png);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4rem;
    background-size: auto 65%;
    background-repeat: no-repeat;
    background-position: 96% center;
}
.blankets-rank {
    background-color: #000;
    background-image: url(/images/blankets_icon_white.png);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4rem;
    background-size: auto 65%;
    background-repeat: no-repeat;
    background-position: 96% center;
}
.page-header h2 a {
    font-family: roboto;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    font-size: 3rem;
	transition:all .2s ease;
}
.page-header h2 a:hover {
  color:#000;
}
.dark-card-heading {
  background-color: #000;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4rem;
}
.dark-card-heading i {
    float: right;
    margin-top: 0.3rem;
}
.trophy-card .list-group .list-group-item {
    border: 0px none;
    border-bottom: 1px solid #333 !important;
    border-radius: 0px;
    margin-bottom: 0;
}











@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .logo { 
    max-width: 250px;
    }
	.nav-link {
	font-size: 1.3rem;
	}
}

@media (min-width: 1200px) {
	.logo { 
	max-width: 300px;
    }
	.nav-link {
    font-size: 1.5rem;
    }
}