body {
margin: 0;
padding: 15px;
background-color: #eee;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1 {
font-family: 'Itim', cursive;
color: #2d2d2d;
margin: 10px 0;
}
h2 {
font-family: 'Itim', cursive;
font-weight: normal;
margin: 10px 0 5px 0;
}
.newsContainer {
width: 600px;
height: auto;
background-color: #fff;
margin: 30px auto;
}
.LOGO {
text-align: center;
padding: 10px;
}
.LOGO img {
width: 100px;
}
.NewsContent {
padding: 15px;
}
.content {
margin: 20px 0;
}
.content img {
max-width: 100%;
}
.date {
color: #a5a5a5;
font-size: 14px;
font-style: italic;
}
.date img {
width: auto;
height: 12px;
margin-right: 5px;
}
.content p {
color: #2f2f2f;
font-size: 14px;
line-height: 1.5;
margin: 10px 0;
}
hr.hrColored {
border: 0;
height: 3px;
background: linear-gradient(to right, rgba(229, 229, 229, 1) 0%, rgba(229, 229, 229, 1) 33%, rgba(255, 132, 84, 1) 33%, rgba(255, 132, 84, 1) 66%, rgba(229, 229, 229, 1) 66%, rgba(229, 229, 229, 1) 100%);
}
.footer {
width: 100%;
height: auto;
padding: 15px 0;
font-size: 12px;
text-align: center;
}
.footer a{text-decoration: none;}
.footer h1 {
font-size: 28px;
margin: 0 0 10px 0;
}
.footer h2 {
font-size: 24px;
margin: 0;
}
.footer img {
height: 30px;
margin: 0 5px;
}
.copyright {
text-align: center;
background-color: #77cabd;
color: #fff;
font-size: 12px;
padding: 15px;
}
@media (max-width: 650px) {
.newsContainer {width: 100%;}
h1 {font-size:24px;}
h2 {font-size:20px;}
}
@media (max-width: 480px) {
h1 {font-size:19px;letter-spacing: -0.5px;}
h2 {font-size:16px;}
}