/* Header */
#head { background:#181015 url( ../images/Header2.jpg) no-repeat; background-size: cover; min-height:550px; text-align: center; padding-top:240px; color:white; font-family:"Open sans", Helvetica, Arial; font-weight:300; }
#head.secondary { height:100px; min-height: 100px; padding-top:0px; }
	#head .lead { font-family:"Open sans", Helvetica, Arial; font-size:44px; margin-bottom:6px; color:Black; line-height:1.15em; } 
	#head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; }
		#head .tagline a { color:#fff; } 
	#head .btn { margin-bottom:10px;}
	#head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; }
		#head .btn-default:hover,
		#head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
		#head .btn-default:active, 
		#head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }

@media (max-width: 767px) {
	#head {
	min-height: 420px;
	padding-top: 160px;
	text-align: center;
}
	#head .lead { font-size: 34px; }
}


/* Autohide navbar */
.slideUp { top:-100px; }
.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }


/* Highlights (in jumbotron in most cases) */
.highlight { margin-top:40px; }
	.h-caption { text-align: center; } 
	.h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
	.h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
	.h-body { }


/* Typography */
h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; }
h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } 
blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
label { color: #777; }
.thin {
	font-weight: 300;
	font-size: 16px;
}
.page-title { margin-top:20px; font-weight:300; }
.text-muted { color:#888; }
.breadcrumb { background:none; padding:0; margin:30px 0 0px 0; }
ul.list-spaces li{ margin-bottom:10px; }

/* Helpers */
.container-full { margin: 0 auto; width: 70%; }
.top-space { margin-top: 60px; }
.top-margin { margin-top:20px; }

img { max-width:100%; }
img.pull-right { margin-left: 10px; }
img.pull-left { margin-right: 10px; }
#map { width:30%; height:280px; }
#social { margin-top:50px; margin-bottom:50px; }
	#social .wrapper { width:200px; margin:0 auto; }

/* Main content block */
.maincontent { }

/* Sidebars */
.sidebar { padding-top:36px; padding-bottom:30px; }
	.sidebar .widget { margin-bottom:20px; }
	.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 

/* Footer */
.footer1 { background: #232323; padding: 30px 0 0 0; font-size: 16px; color: #999; }
	.footer1 a { color: #ccc; }
		.footer1 a:hover {color: #fff; }
	.footer1 .widget { margin-bottom:30px; }		
	.footer1 .widget-title { font-size: 17px; font-weight: bold; color: #ccc; margin: 0 0 20px; }
	.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
		.footer1 .entry-meta a { color: #333333; }
		.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
	.follow-me-icons { font-size:30px; }		
		.follow-me-icons i { float:left; margin:0 10px 0 0; }		

.footer2 { background: #191919; padding: 15px 0; color: #777; font-size: 16px; }
	.footer2 a { color: #aaa; }
		.footer2 a:hover { color: #fff; }
		.footer2 p { margin: 0; }

	.widget-simplenav { margin-left:-5px; }		
	.widget-simplenav a{ margin:0 5px; }		
}
.title {
	font-family:"Times New Roman", Times, serif; font-size:40px; font-size-adjust:inherit; text-align:center; color:#FFF;
}

}
.home page {
	font-family:"Times New Roman", Times, serif; font-size:40px; font-size-adjust:inherit; text-align:center; color:#FFF;
}
}
.home {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-size-adjust: inherit;
	text-align: left;
	color: #FFF;
}
}

.Welcome{
	font-family:"Times New Roman", Times, serif; color:#000; font-size:18px; text-align:center;
}

.Matter {
	font-family:"Times New Roman", Times, serif; font-size:40px; font-size-adjust:inherit; text-align:center; color:#FFF;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Issue Archive</title>
  <style>
    body {
      background-color: #fff5f5;
      font-family: Arial, sans-serif;
      text-align: center;
      padding-top: 50px;
    }

    .archive-button {
      background-color: #28d57a;
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 10px;
      padding: 5px 10px;
      margin: 10px;
      font-size: 16px;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }

    .archive-button:hover {
      background-color: #22bd6b;
    }
  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Journal Table</title>
  <style>
    table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial, sans-serif;
    }

    th, td {
      border: 1px solid #ccc;
      padding: 10px;
      text-align: center;
      vertical-align: middle;
    }

    th {
      background-color: #a3d18d; /* light green */
      font-weight: bold;
    }

    .paper-title {
      color: #800000; /* dark red */
      font-weight: bold;
    }

    .author-name {
      font-style: italic;
      font-size: 14px;
    }

    .download-button img {
      width: 100px; /* adjust as needed */
    }
	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact Us</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            background: #f4f4f4;
        }
        .contact-form {
            background: #fff;
            padding: 20px;
            max-width: 500px;
            margin: auto;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .contact-form h2 {
            margin-bottom: 20px;
        }
        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
        }
        .contact-form button {
            background: #007BFF;
            color: #fff;
            padding: 10px 15px;
            border: none;
            cursor: pointer;
        }
.decorated-heading {
  text-align: center;
  color: #0066cc;
  font-family: sans-serif;
  margin-bottom: 10px;
}

.underline-bar {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.underline-bar::before {
  content: "";
  display: inline-block;
  width: 12%; /* Pehle 40% tha, ab 30% kiya */
  height: 1px;
  background: #ccc;
  vertical-align: middle;
  margin-right: 10px;
}

.underline-bar::after {
  content: "";
  display: inline-block;
  width: 12%; /* Pehle 40% tha, ab 30% kiya */
  height: 1px;
  background: #ccc;
  vertical-align: middle;
  margin-left: 10px;
}

.underline-bar span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ccc;
  margin: 0 3px;
}