@charset "utf-8";
/* CSS Document */
header{
	background-color:#333;
	min-height:90px !important;
}
.header-top{
	background-color:#ccc;
	padding:10px;	
}
.header-bottom ul{
	padding:0px;
	margin:0px;
}
.header-col{
	width:14.28%;
}
.nav-link{
    min-width:60px;
	color:#fff;
	display:inline-block;
}
.nav-link:hover{
	background-color:#0969A6;
	color:#fff;
}
.nav-link a{
    color:#fff;
	text-decoration:none;
}
.nav-link a:hover{
    color:#fff;
	text-decoration:none;
}

#loginBtn{
    background-color:#007bff;
	width:130px;
	height:45px;
	margin:5px;
	color:#fff;
}
#registerBtn{
	background-color:#fff;
	color:#007bff;
	border:solid 1px #007bff;
	width:130px;
	height:45px;
	margin:5px;
}
.logout-btn{
	background-color:#007bff !important;
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:25px;
	color:#fff;
	box-shadow:0px 0px 5px #666;
	text-decoration:none;
}
.logout-btn:hover{
	transform:scale(1.1,1.1);
	transition:ease-in-out 0.5s;
	text-decoration:none;
}
.go-account-btn{
	margin-top:5px;
	margin-right:10px;
}
.go-account-btn:hover{
	box-shadow:0px 0px 5px #666;
}
span{
	    
	}
.page-numbers-container ul{
	padding:0px !important;
}
.page-number{
	background-color:#007bff !important;
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:25px;
	color:#fff;
	box-shadow:0px 0px 5px #666;
	text-decoration:none;
	margin:5px;
}
.page-number:hover{
	transform:scale(1.1,1.1);
	transition:ease-in-out 0.5s;
	text-decoration:none;
}
.page-number li{
	display:inline-block;
	text-decoration:none;
	width:100%;
	text-align:center;
}
@media only screen and (max-width:800px)
{
	h2{
		font-size:1.6rem !important;
	}
	.hide-sm{
	    display: none;
	}
}
@media only screen and (max-width:500px)
{
	h2{
		font-size:1.5rem !important;
	}
	.nav-link{
	    min-width:30px;
	}
}
@media only screen and (max-width:300px)
{
	h2{
		font-size:1.2rem !important;
	}
}