html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}


h1 {
	color: skyblue;
	font-size: 35px;
	margin: 20px auto;
	padding: 10px;
	width: 60%;
	font-family: tahoma,arial,cursive;
}
.trade-idea-wrap {
	width: 100%;
	margin: 70px auto;
	height: auto;
}
.trade-idea-wrap h2 {
	color: #000;
	border-bottom: 4px solid #000;
	font-size: 35px;
	display: block;
	margin: 20px;
	padding: 10px;
	width: 80%;
	font-family: tahoma,arial,cursive;
}
/* trade idea content */
.trade-content {
	width: 96%;
	margin: 20px auto;
	text-align: center;
	background: inherit;
}
.trade-content li {
	width: 23%;
	margin: 3px;
	padding: 5px;
	border-bottom: 0.5px solid #000;
	display: inline-table;
}
.trade-content li > h3{
	font-family: tahoma,arial,serif;
	font-size: 19px;
	text-transform: capitalize;
}
.trade-content li h3 > a {
	color: grey;
	text-decoration: none;
}
.trade-content li h3 > a:hover {
	color: skyblue;
	transition : 0.5s ease-in;
}
.trade-content li h3 > span {
	display: block;
	margin-top: 15px;
	font-size: 15px;
}
/* ad */
.trade-content li.ids-content-ad h3 span > label {
	border: 0.5px solid #000;
	padding: 6px;
	border-radius: 6px;
	font-size: 10px;
}


@media screen and (max-width: 800px) { 
	
	.trade-content {
		background: red;
	}
	.trade-content li {
		width: 46%;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}

}

@media screen and (max-width: 650px) { 
    
    h1 {
		font-size: 25px;
		width : 90%;
	}
	.trade-idea-wrap h2 {
		font-size: 27px;
	}
	.trade-content {
		background: inherit;
	}
	.trade-content li {
		width: 90%;
		margin-left: -80px;
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
	}

}