body > .container{
	min-height: 70vh;
	min-width: 90%;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
}

.carousel {
  margin-bottom: 20px;
}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      margin: auto;
  }
  
.carousel-inner {
 height:auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
  min-height:initial;
}


.btn-sg {
  background-color: hsl(224, 45%, 37%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4462b5", endColorstr="#334a88");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4462b5), to(#334a88));
  background-image: -moz-linear-gradient(top, #4462b5, #334a88);
  background-image: -ms-linear-gradient(top, #4462b5, #334a88);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4462b5), color-stop(100%, #334a88));
  background-image: -webkit-linear-gradient(top, #4462b5, #334a88);
  background-image: -o-linear-gradient(top, #4462b5, #334a88);
  background-image: linear-gradient(#4462b5, #334a88);
  border-color: #334a88 #334a88 hsl(224, 45%, 34%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.19);
  -webkit-font-smoothing: antialiased;
}



.logoPos {
	list-style-type: none;
	margin-left: 0.5%;
	margin-bottom: 0%;
	background-color: #0083ff;
}


.nvb {
	height: 100px;
	width: 100%;
	background-color: #0083ff;
	border-color: #006de8;
}

.nvb > ul {
    list-style-type: none;
	margin-right: 70px;
	margin-bottom: 10px;
	background-color: #0083ff;
}

.nvb > ul > li {
    float: right;
}

.nvb > ul > li > a {
    display: block;
    color: white;
    text-align: center;
	margin-top: 35px;
    padding: 14px 10px;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
}

.nvb > ul > li .active {
	background-color: #006de8;
}

.nvb > ul > li > a:hover {
    background-color: #006de8;
}



.unselectable{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.smallnvb {
	background-color: #0083ff;
	border-color: #006de8;
	float: right;
	width: 100%;
	height: 30px;
	font-size: 12px;
}

.smallnvb ul {
    list-style-type: none;
	margin-right: 60px;
}

.smallnvb li {
	float: right;
	padding-right: 15px;
	padding-top: 5px;
}

.smallnvb li a {
    text-decoration: none;
	color: white;
}

.smallnvb li a:hover{
	color: #C8C8C8;
}


.nvb .dropdown {
    position: relative;
    display: inline-block;
}

.nvb .dropdown-content a {
    color: black;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
}

.nvb .dropdown-content a:hover {
    background-color: #DCDCDC;
}

.nvb .dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 999;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
}

.nvb li a:hover~.dropdown-content {
	visibility: visible;
	opacity: 1;
}

.nvb .dropdown-content:hover {
	visibility: visible;
	opacity: 1;
}



h1{
     word-wrap: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}

.sideBar {
    width: 25%;
    float: right;
}

.topArticles{
	margin-bottom: 140px;
}

.topArticleLeft{
	width: 33%;
	margin-bottom: 20px;
	display: inline-block;
	float: left;
}

.topArticleRight{
	width: 33%;
	margin-bottom: 20px;
	display: inline-block;
	float: right;
}

.topArticleCenter{
	width: 32%;
	margin-bottom: 20px;
	margin-left: 5px;
	display: inline-block;
}


.articles {
  width: 73%;
}


.article {
	width: 95%;
}

/* Editor */
#editor { min-height:380px;}

.footer {
  bottom: 0;
  width: 100%;
  height: 80px;
  background-color: #f5f5f5;
}

.text-muted {
  margin: 20px 0;
}

.mobilenav {
	display: none;
}


@media only screen and (max-width: 992px){
	.articles{
		width: 100%;
	}
	
	.article {
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width: 575px){
	.article {
		text-align: center;
	}
}


.panel {
  box-shadow: none !important;
}


ul { overflow: hidden; }
ol { overflow: hidden; }