html {
}

img {
  
max-width: 100%;
}

body {
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
}
.thumbnail-green {
background-color: #8ba78c;
color: #fff;
}

.container {
    max-width: 1200px;
    width: 98%;
    margin: 0 auto;
    position: relative;
}


header {
    position: relative;
    width: 100%;
    z-index: 3000;
    top: 0;
    border-bottom: 1px solid #333;
    background-color: #FAFAFA;
    padding-top: 20px;
}

.navbar-vum {
    margin-bottom: 0px;
	
	font-size: 18px;
	font-weight: 300;
}

.dropdown-menu>li>a {
	color: #fafafa;
}
.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}

@media (min-width: 1220px)
{
    .logo {
        width: 30%;
        float: left;
    }
    
    /*
    header {
        height: 173px;
		padding-bottom: 10px
    }
    .menus {
        min-width: 65%; 
        padding-left: 25px;
        float: right;
    }*/

    .featured {
        margin-top: 100px;
    }
}
@media (max-width: 1219px) and (min-width: 768px)
{
    .logo {
        width: 35%;
    }
    
    /*
    header {
        height: 125px;
		padding-bottom: 10px
    }
    */
    .featured {
        margin-top: 145px;
    }
}

@media (max-width: 767px)
{/*
    .logo {
        height: 80px;
    }*/
    /*
    #mainmenu {
        width: 100%;
        float:left;
    }*/
    /*
    header {
        position: relative;
        height: auto;
		padding-bottom: 10px
    }*/
    
    .featured {
        margin-top: 0px;
    }
}


section {
}

.content {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
  	margin-top: 20px;
}

.page-header {
    border-bottom: 0px solid #eee;
}

.intro {
  box-shadow: 1px 1.732px 11.83px 1.17px rgba(31, 28, 25, 0.75), inset 1px 1.732px 2px 0px rgba(31, 28, 25, 0.75);
  text-align: center;
}

.boxes {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}

.box {
    width: 50%;
    float: left;
    text-align: center;
}


@media (max-width: 767px) 
{
    .box {
        width: 100%;
        float: left;
        text-align: center;
    }
}

.logo {
    margin-left: 0px;
}


.breadcrumb {
    background-color: transparent;
    border-bottom: 2px solid #fff;
}


.back-to-top {
    float: right;
    width: 20px;
    padding-right: 10px;
}


.social-icons {
    margin-right: 10px;
}

.icon-facebook {
    background-image: url(../img/social/FB-f-Logo__white_50.png);
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
    background-position: 0px 0px;
}

.icon-twitter {
    background-image: url(../img/social/Twitter_logo_white.png);
    background-size: 49px 40px;
    height: 40px;
    width: 49px;
    background-position: 0px 0px;
}

.icon-youtube {
    background-image: url(../img/social/YouTube-logo-light.png);
    background-size: 95px 40px;
    height: 40px;
    width: 95px;
    background-position: 0px 0px;
}


.social-icons-sm {
    margin-right: 5px;
}

.icon-facebook-sm {
    background-image: url(../img/social/FB-f-Logo__blue_50.png);
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    background-position: 0px 0px;
}

.icon-twitter-sm {
    background-image: url(../img/social/Twitter_logo_blue.png);
    background-size: 20px 15px;
    height: 15px;
    width: 20px;
    background-position: 0px 0px;
}

.icon-youtube-sm {
    background-image: url(../img/social/YouTube-logo-full_color.png);
    background-size: 35px 15px;
    height: 15px;
    width: 35px;
    background-position: 0px 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}


h1 {
    font-size: 2.75em;
}

h2 {
    font-size: 2.25em;
}

h3 {
    font-size: 1.75em;
}

.page-header {
  margin-bottom: 0px;
}


.mostread,
.weblinks,
.category-module,
.syndicate-module,
#login-form {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
	margin:0px 0px 10px 0px;
}


.mostread,
.weblinks,
.category-module {
	padding:0px 0px 0px 20px;
}

.syndicate-module {
	display:block;
}

html, body {
    height: 100%;
}
#wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/*
section {
    padding-bottom: 430px;
}*/