div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333; }
a { color: #1CBBB4; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear:after { content: ' '; display: block; clear: both; }
#Footer { 	display: block;	width: 100%;	margin: 15px auto;	clear: both;	font-size: 13px;	line-height: 16px; 	color: #666666;	text-align: center;	padding-top: 15px;	 }
#Col1 div, #Col2 div, #Col3 div, #Col4 div, #Col5 div {	font-family: 'Open Sans', Arial, Helvetica, san-serif; font-size: 16px; line-height: 20px; text-align: center; }
#Col1 div a, #Col2 div a, #Col3 div a, #Col4 div a, #Col5 div a { color: #333333; text-decoration: underline; }
#Col1 div a:hover, #Col2 div a:hover, #Col3 div a:hover, #Col4 div a:hover, #Col5 div a:hover { color: #1CBBB4; }
#Col1 div h2, #Col2 div h2, #Col3 div h2, #Col4 div h2, #Col5 div h2 {	font-family: 'Open Sans', Arial, Helvetica, san-serif; font-size: 20px; line-height: 24px; color: #000000; margin: 0px 0px 12px 0px; }
#LogoRow { display: block; float: none; width: 100%; height: auto; margin: 0px auto 15px auto; text-align: center; background-color: #1CBBB4; }

#Notice { display: block;	width: 100%; font-family: 'Open Sans', Arial, Helvetica, san-serif; font-size: 14px; line-height: 16px; text-align: center; margin: 0px 0px 15px 0px; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DEFAULT SIZES */ 
body {	margin: 10px;	background-color: #FFFFFF; }
#Container { width: 100%; min-width: 280px; max-width: 728px; display: block; margin: 16px auto; }

#Col1, #Col2, #Col3, #Col4, #Col5 { display: block; float: none; width: 100%; margin: 0px auto 0px auto; }
#Col1 div, #Col2 div, #Col3 div, #Col4 div, #Col5 div {	width: 95%;	margin: 0px auto 7px auto; padding: 0px 0px 16px 0px; border-bottom: 1px solid #DBDBDB; background-color: #FFFFFF; }

#Header { display: block; float: none; width: 100%; margin: 0px auto 15px auto; padding: 8px 0px 8px 0px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB;}
#Trending { display: block; float: none; width: 100%; padding: 5px 0px 0px 0px; margin: 0px auto 15px auto; }
#Search { display: block; float: none; width: 280px; margin: 0px auto 0px auto; }
#SearchBox {	display: block;	width: 278px;	background-color: #FFFFFF; 	border: 1px solid #DBDBDB; }
#SearchInput { display: inline-block; float: left; width: 232px; min-height: 36px; margin: 0px; }
#SearchSubmit { 	display: inline-block;	float: right;	width: 36px; 	min-height: 36px;	margin: 0px;	cursor: pointer; background-image: url(../Images/Icon-Search-Black.svg);	background-repeat: no-repeat;	background-position: center center; }
#query { width: 95%; height: 24px; border: 0px none; outline: 0; margin: 5px; font-size: 14px; color: #787878; }
.TrendingHeadline { 	display: block; float: none; width: 100%; min-height: 26px; font-family: 'Open Sans', Arial, Helvetica, san-serif; font-size: 22px; line-height: 16px; font-weight: 700; color: #000000; margin: 0px 0px 12px 0px; text-transform: uppercase; text-align: center; }
.TrendingKeyword { display: block; float: none; width: 100%; font-family: 'Open Sans', Arial, Helvetica, san-serif; font-size: 16px; line-height: 16px; margin: 0px 0px 10px 0px; text-align: center; }
#Logo {	display: block;	width: 280px;	height: 65px;	margin: 0px auto;	background-image: url(../Images/Logo-Fetch-News-White-430x100.svg);	background-repeat: no-repeat;	background-position: center center; background-size:contain; }

/* TABLET SIZES */ 
@media (min-width: 767px) {
body {	margin: 0px; background-color: #FFFFFF; }
#Container { width: 728px; min-width: 728px; max-width: 728px; }

#Col1 { width: 340px; display: inline-block; float: left; margin: 0px 8px 0px 16px; }
#Col2 { width: 340px; display: inline-block; float: right; margin: 0px 16px 0px 8px; }
#Col3 { width: 340px; display: inline-block; float: right; margin: 0px 16px 0px 8px; }
#Col4 { width: 340px; display: inline-block; float: left; margin: 0px 16px 0px 8px }
#Col5 { width: 340px; display: inline-block; float: right; margin: 0px 16px 0px 8px; }

#Col1 div, #Col2 div, #Col3 div, #Col4 div, #Col5 div { width: 318px; padding: 10px; margin: 0px auto 16px auto; border: 1px solid #DBDBDB; text-align: left; }

#LogoRow { width: 696px; }
#Header { width: 696px; }
#Trending { display: inline-block; float: left; width: 100%; }
#Search { display: inline-block; float: left; width: 100%; }
#SearchBox { width: 694px; }
#SearchInput { width: 648px; }
.TrendingHeadline { 	display: inline-block; float: left; width: auto; margin: 0px 20px 0px 0px; padding: 6px 20px 0px 0px; text-align: left; border-right: 1px solid #DBDBDB; }
.TrendingKeyword { display: inline-block; float: left; width: auto; margin: 7px 15px 0px 0px; text-align: left; font-weight: bold; }
#Logo {	display: block;	width: 430px;	height: 100px; }
}

/* DESKTOP SIZES */ 
@media (min-width: 1024px) {
body { margin: 0px;	background-color: #FFFFFF; }
#Container { width: 1020px; min-width: 1020px; max-width: 1020px; }

#Col1 { width: 192px; display: inline-block; float: left; margin: 0px 0px 0px 16px; }
#Col2 { width: 192px; display: inline-block; float: left; margin: 0px 0px 0px 7px; }
#Col3 { width: 192px; display: inline-block; float: left; margin: 0px 0px 0px 7px; }
#Col4 { width: 192px; display: inline-block; float: left; margin: 0px 0px 0px 7px; }
#Col5 { width: 192px; display: inline-block; float: left; margin: 0px 0px 0px 7px; }
#Col1 div, #Col2 div, #Col3 div, #Col4 div, #Col5 div { width: 170px; padding: 10px; margin: 0px auto 7px auto; border: 1px solid #DBDBDB; text-align: left; }

#LogoRow { width: 988px; }
#Header { width: 988px; }
#Trending { display: inline-block; float: left; width: 737px; margin: 0px 16px 0px 0px; }
/*
#Search { display: inline-block; float: left; width: 235px; }
#SearchBox { width: 233px; }
#SearchInput { width: 187px; }
*/ 
#Search { display: inline-block; float: left; width: 100%; }
#SearchBox { width: 986px; }
#SearchInput { width: 940px; }


.TrendingHeadline { 	display: inline-block; float: left; width: auto; margin: 0px 20px 0px 0px; padding: 6px 20px 0px 0px; text-align: left; border-right: 1px solid #DBDBDB; }
.TrendingKeyword { display: inline-block; float: left; width: auto; margin: 7px 15px 0px 0px; text-align: left; font-weight: bold; }
#Logo {	display: block;	width: 430px; }
}