.ftrWrapColor{
    background-color: #000;
}

.nft {
	position: relative;
	background: url(/images/logging1.jpg);
	background-size: cover;
	box-shadow:inset 0 -50px 50px #000;
}

.nft .container {
    display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	min-height: 50vw;
}

.container DIV.main_content 
{
	margin-top: -15vh;
}

.container .main_content h1 {
    text-shadow: #0ff 2px 2px 4px;
    font-size: 5vw;
    padding: 0;
}

.container .main_content p {
    color: #FFF;
    text-shadow: #088 2px 2px 4px;
    font-size: 3vw;
}


#ntf_content
{
	width : 900px;
	display: flex;
	flex-direction: column;
	padding : 180px 5% 5% 5%;

}

.ntf_content_tab
{
    height : 100%;
    background: linear-gradient(rgb(26, 25, 25) 33.3%, rgb(24, 24, 24) 0, rgb(31, 31, 31) 66.6%, rgb(32, 32, 32) 0);
    border-radius : 10px;
    opacity : 0.98;
    z-index :0;
	margin-bottom: 5vw;
	flex-grow: 0;
}

.ntf_content_tab_top
{
    top : 0px;
	height : 50px;
    background-color : black;
    border-radius : 10px 10px 0px 0px;
    opacity : 1;
}

.ntf_content_tab_content
{
    height : 90%;
    position : relative;
    opacity : 0.98;
	text-align: center;
	color: #CCC;
}

.gray-border
{
	border: 1px solid #555;
}

div.hero_bg2 {
	background-color:#3d5272;
	background-image:url(/images/hero/ui/character_icon_bg.png);
	background-size:100% 100%;
	width:49px;
	height:50px;
	border:1px solid #333;
	overflow:hidden;
	cursor: pointer;
}

@media(max-width:992px) 
{
    #ntf_content
    {
        display: flex;
		flex-direction: column;
		width : 100%;
        padding : 10% 5% 5% 5%;
    }
    .ntf_content_tab_top
    {
        height : 4em;
    }
    .ntf_content_tab_top h1
    {
		font-size: 1.8em;
    }

}

@media(max-width:600px) 
{
    .ntf_content_tab_top h1
    {
		font-size: 1.5em;
    }

}