*{
	font-family: 'Montserrat', sans-serif;
}
p {
	font-size: 107%;
}
span{
	color:#F26649;
}
author{
	color:#BC360A;
}
.logo img{

	max-height: 80px;
	padding-left: 10px;
}
.footer{
	background-color: #2b2d32;
	color: #d5d5d6;
	padding: 20px 0px 50px 0px;
	margin-top: 40px;
}
.footer li{
	list-style: none;
}
.main img{
	max-width: 100%;
	max-height: 100%;
}
.main{
	margin:10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*border: 1px solid #C6C6C5;*/
	padding: 30px;
	   /* -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/
}
.main2 img{
	max-width: 90%;
	height: 250px;
}
.timeline h4{
	text-align: center;
}
.timeline li{
	list-style: none;
	text-align: center;
}
.timeline big{
	font-size:160%;
	font-family: 'arial';
}
.timeline bigger{
	font-size: 220%;
	font-family: 'arial';
}
.timeline span{
	font-family: 'arial';
}
.listing img{
	float: left;
	height: 90px;
	width: 90px;
	margin: 20px;
}
.leftbar img{
	max-width: 100%;
}

.line{
	border: 4px solid #F26649;
    border-radius: 25px;
	margin-top: 7px;
}

a:link, h3, h2{
	color:#4A245E;
}
a:visited, h3, h2{
	color:#4A245E;
}
a:hover, h3:hover{
	color:#F26649;
	text-decoration: none;
}
a:active, h3, h2{
	color:#4A245E;
}
h2, h4, h3{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700;
}

.listing a:link{
	color:blue;
}
.listing a:visited{
	color:blue;
}
.listing a:hover{
	color:blue;
}
.listing a:active{
	color:blue;
}

.listing span a:link{
	color:black;
}
.listing span a:visited{
	color:black;
}
.listing span a:hover{
	color:black;
}
.listing span a:active{
	color:black;
}
.video iframe{
	width: 90%;
	height: 40%;
}
#l2017, #l2016{
	display: none;
}
.timeline button{
	border:none;
	background-color: rgba(200, 200, 200, .5);
	color: blue;
	text-decoration: underline;
}

/*Font Awesome Colors*/

.fa-facebook-f{
	 color: #3b5998;
}
.fa-twitter{
    color: #00aced
}
.fa-linkedin{
    color: #007bb6
}
.fa-google-plus-g{
    color: #dd4b39
}
.fa-tumblr{
    color: #32506d
}
.fa-youtube{
    color: #bb0000
}
.fa-blogger-b{
	color:#F06A35;
}




/* mobile */
@media only screen and (max-width: 480px) {
   .timeline {
        display: none;
    }
    .main{
    	border-style: none;
    	margin: 5px 1px 1px 1px;
    	padding: 1px;
    }
    .main1{
    	margin-bottom: 10px;
    	padding-bottom: 5px;
    	border-bottom: 1px solid #C6C6C5;
    }
    .main2 hr{
    	display: none;
    }
    .main2 img{
		width: 90%;
		height: auto;
	}
	.leftbar img{
		margin:0px;
		width: 90%;
		height: auto;
	}
	.main2{
		margin: 0px -17px 0px -20px;
		padding-right: 0px;
	}
	.article-leftbar{
		display: none;
	}

}





.navbar-brand { position: relative; z-index: 2; }
.navbar{min-height: 100px;}
.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}





/* ***************************** For Explore Page ***************************** */


.explore-image{
	float:left; /* important */
	position:relative;
	margin-top: 30px;
}
.explore-image img{
	width: 413px;
	height: 300px;
}
.explore-heading a{
	color:white;
}

div.explore-heading{
	position:absolute;
	bottom:0px; 
	left:20px;
	width:90%;
	background-color:black;
	color:white;
	opacity:0.6; 
	filter:alpha(opacity=60); 
}


/* For Article Page*/

.article img{
	width: 100%;
	height: 500px;
}
.article p{
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	color: #141412;
	line-height: 1.5;
	font-size: 140%;
}