*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,body {
font-size: 100%;
padding: 0;
margin: 0;
font-family: 'Kadwa', Helvetica, Arial, sans-serif;
color: #3D2A20;
background: #efefef;
width: 100%;
}
.clear:before, .clear:after {
content: '';
display: table;
}
.clear:after {
clear: both;
}
.container {
position: relative;
display: block; 
margin: 11em auto 5em;
padding: 1em 5.7em;
width: 74%;
background: #FEFDFE; 
box-shadow: 2px 3px 3px 2px rgba(14,19,13,0.9);
border: 1px solid grey;
}
header.news {
width: 100%;
max-width: 61em;
margin: 0px auto;
}
header.news h1 {
display: block;
text-align: center;
font-size: 3.125em;
font-weight: 700;
line-height: 1.3;
margin: 55px auto;
clear: both;
color: #333;
-webkit-font-smoothing: antialiased;
text-shadow: 0px 0px 0px rgba(0,0,0,0.000);
}
.wrapper { 
position: relative;
width: 100%;
height: 100%;
background: red;
margin: 0 auto;
display: block;
}
div.credet  {
z-index: 1;
padding-bottom: 1.85em;
}
.credet p.name {
display: block;
position: relative;
float: right;
font-size: 0.75em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.005em;
padding: 0.046em 0.31em;
background: #888; 
color: #fff;
margin-bottom: 0.2em;
width: 170px;
height: 18px;
line-height: 145%;
}
.credet p span.data {
display: inline-block;
position: relative;
float: right;
font-size: 0.55em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.005em;
padding: 0.095em 0.31em;
background: pink;
color: #000;
width: 170px;
clear: both;
z-index: 1;
}
.article {
width: 100%;
height: 100%;
}
.article section   {
width: 100%;
height: 100%;
background: #FFF;
color: #3D2A20;
text-indent: 45px;
margin-top: 1.65em;
}
.article section div {
max-width: 61em;
margin: 0px auto;
}
.article section:first-child div {
padding-top: 0em;
text-indent: 90px;
}
.article section:last-child div {
padding-bottom: 4em;
}
.article section p,
.article section.post-3 p {
margin: 0;
padding: 0.1em 0;
font-size: 1.025em;
line-height: 1.721em;
color: #333;
-webkit-font-smoothing: antialiased;
}
.article section p i b { 
font-size: 27px; 
color: #111;
}
.article section.post-3 i b {
font-size: 17px; 
}
.article section .shot img {
padding: 10px 14px;
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
}
.article section .shot-2 img {
padding: 10px 14px;
float: left;
display: block;
width: 308px;
height: 173px;
}
.article section div.shot-2 img {
margin: 0 auto;
}
.article section div.post-2 p {
text-indent: 0px;
}
.footer {
width: 100%;
height: auto;
margin-top: 3px;
background: #4e9ad4;
clear: both;
margin: 0 auto 0;
color: #ffbfaf;
font-size: 25px;
font-family: 'Elsie Swash Caps', serif;
letter-spacing: 3px;
line-height: 1.6px;
padding: 0px;
}
.footer p {
text-align: center;
line-height: 2;
margin: 0;
}
