/*-------------------------------
Hindu Good News v1.0
A simple landing page
By: Tony Librizzi
URL: https://tonylibrizzi.com
-------------------------------*/


/* #HTML RESET
================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
img {max-width: 100%; height: auto;}


/* #Clearfix
================================================== */
.row::before, .row::after, .flexrow::before, .flexrow::after, .block::before, .block::after, .clearfix::before, .clearfix::after { content: ''; display: table; }
.row::after, .flexrow::after, .block::after, .clearfix::after { clear: both; }

/* #GRID Layout
================================================== */
* { box-sizing: border-box; }
.wrap { width: 100%;}
.outer{ padding:20px;}
.grid { margin: 0 auto; max-width: 960px; width: 100%; box-shadow: 4px 4px 8px #2c2c2c;}
.row, .block, .flexrow { width: 100%; margin: 0 auto;}

.col-5 { width: 5%; float: left; position: relative;}
.col-10 { width: 10%; float: left; position: relative;}
.col-15 { width: 15%; float: left; position: relative;}
.col-20 { width: 20%; float: left; position: relative;}
.col-25 { width: 25%; float: left; position: relative;}
.col-30 { width: 30%; float: left; position: relative;}
.col-33 { width: 33.33%; float: left; position: relative;}
.col-35 { width: 35%; float: left; position: relative;}
.col-40 { width: 40%; float: left; position: relative;}
.col-45 { width: 45%; float: left; position: relative;}
.col-50 { width: 50%; float: left; position: relative;}
.col-55 { width: 55%; float: left; position: relative;}
.col-60 { width: 60%; float: left; position: relative;}
.col-65 { width: 65%; float: left; position: relative;}
.col-66 { width: 66.66%; float: left; position: relative;}
.col-70 { width: 70%; float: left; position: relative;}
.col-75 { width: 75%; float: left; position: relative;}
.col-80 { width: 80%; float: left; position: relative;}
.col-85 { width: 85%; float: left; position: relative;}
.col-90 { width: 90%; float: left; position: relative;}
.col-95 { width: 95%; float: left; position: relative;}
.col-100 { width: 100%; float: left; position: relative;}

body {background-color: #F5E1AC;
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
    font: normal normal 15px/1.5 'Open Sans', sans-serif;
    color: #333;}

header{background: #fff;}

.main{min-height:100px; background:#fff; padding: 40px 40px 20px;}

footer{background: #fcf3c9; padding:15px 20px; font-size: .85em; border-top: 1px solid #755700; }
footer a{color:#755700;}

/*  #Typography
================================================== */

h1,h2,h3,h4,h5,h6 {color:#755700; font-weight: bold; margin: 15px 0 30px;line-height: 1.1em;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.7em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.5em;}

p {margin-bottom: 15px; text-align: justify;}
em, i {font-style: italic;}
strong,b {font-weight: bold;}
small {font-size: 75%;}
big {font-size: 125%;}
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
hr {display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0;}

/* #Lists
================================================== */
ul, ol, dl { 
	line-height: 1.6em; 
	margin: 1em 0 1.5em 2.5em; 
	text-indent: 0; 
	list-style-position: outside;
	text-align: justify;
}

ul li{margin-bottom:10px;}
	
ul li ul, ul li ol { 
	margin-left: 10px; 
}

/* #Links
================================================== */

footer a,
footer a:visited,
footer a:hover,
footer a:focus { color:#755700; font-weight:bold;}

a,
a:visited,
a:hover,
a:focus { color:#755700; font-weight:bold;}


/*  Media Queries 
================================================== */

@media (max-width:981px) {
	ul, ol, dl, p{text-align:left;}
	[class*="col-"] {width: 100%;}
	.outer{padding:0;}
	
}