body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden; 
}

#main_section {
  margin-top: -256px; 
  padding-top: 256px;
}

#the-title {
	width:100%;
	text-align:left; 
	 
	padding:10px 0 10px 10px;  

	color:#fff; 
  float:left;
  border-top:10px solid #28325d;
	border-bottom:2px solid #28325d;
  margin-bottom:20px;
}

#the-title a:link, a:visited {
  color: #28325d;
  font-weight: bold;
}

#the-title a:hover {
  color:#bb2440;
}


.title-art {
  padding-bottom:0px;
  font-weight: 600;
  font-size: larger;
}

.title-art a:link, a:visited {
  color:#000;
}

.title-art a:hover {
  color:#bb2440;
}


.article_date {
  font-size:x-small;
}

.article {
  padding-top:15px;
}

.more {
  font-size:x-small; 
}

img.left{
	margin: 5px 10px 3px 0px;
	float: left;
}

img.right{
	margin: 5px 0px 3px 10px;
	float: right;
}

@media (max-width: 420px) {

}

@media (min-width: 421px) {

}

@media (min-width: 576px) {
  .container{max-width:700px;}
}

@media (min-width: 768px) {
 
  .container{max-width:1000px;}
}

@media (min-width: 992px) {
 
  .container{max-width:1140px;}
}

@media (min-width: 1200px) {

}

.em-text{font-size:20px;}

.error {
  color:red;
}

.success {
  /*color:#ff9966;*/
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

a:link.coolMore {
  color: blue;
  background-color: transparent;
  text-decoration: none;
  }

  a:visited.coolMore {
  color: #cf8c34;
  background-color: transparent;
  text-decoration: none;
  }

  a:active.coolMore {
  color: red;
  background-color: transparent;
  text-decoration: none;
  }

  a:hover.coolMore {
  color: red;
  background-color: #eeeeee;
  text-decoration: none;
  }