body{
background-color: rgb(255,255,255);
color:rgb(50,50,50);
text-align: center;
font-size:100%;
font-family: Arial, sans-serif;
}
img{
border:0 none;
max-width: 100%;
}
#telo{
width:92%;
max-width:1300px;
margin: 0 auto;
text-align: left;
padding:80px 2% 20px 2%;
background-color: rgb(255,255,255);
position: relative;
}
#telo:after{
content:" " ;
display:table;
clear:both;
}
nav, .articleMain{
display:block;
box-sizing: border-box;
padding:20px;
}
nav{
width:20%;float:right;
font-size:90%;
}
nav>ul>li>a{
font-size:20px;
}
.monthLi>li>a{
font-size:18px;
}
.RowFlex{
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.centerBetween{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.articleMain{
width:75%;
float:left ;
background-color: rgb(255,255,255);
}
.articleMain a, nav a, .footerArticle a{
color:rgb(30,30,30);
}
.footerArticle a.image-link{
width:100%;
display:block;
}
.footerArticle a.image-link:hover{
background-color: #34BD6D;
}
.linkOnly a.ActiveLink {
color:rgb(52,189,109);
}
.monthLi > li > a.ActiveLink{
color:rgb(0,103,18);
}
.monthLi > li{
border-bottom: thin dotted rgb(120,120,120);
margin:0 0 10px 0;
}

nav a{
text-decoration: none;
}
nav a.UnActiveLink{
color:rgb(50,50,50);
}
nav ul{
padding-left:20px;
}
.linkOnly{
list-style-type: circle;
list-style-position: outside;
padding-left:0;
}
.monthLi{
list-style-type: square;
}
h1, h2, h3,header, header a{
color:#FF7800;
}
header{
position:absolute;
left:0;top:0;right:0;
background-color: rgb(255,255,255);
height:40px;
padding:10px;
}
header span{
font-size:2vw;
}
 header a, a.noDecor{
 text-decoration: none;
 }
header div{
position:absolute;
right:20px;
bottom:10px;
} 
footer{
width:100%;
clear: both;
border-top: 5px solid #505050;
}
.footerArticle{
box-sizing: border-box;
width:33%;
float:left;
padding:20px;
color:rgb(150,150,150) ;
font-size:80%;
}
.footerArticle a{
color:rgb(150,150,150) ;
}
@media screen and (max-width:800px){
.articleMain{
width:100%;
float:left ;
}
nav{
width:90%;float:left;
font-size:3vw;
box-sizing: content-box;
padding:20px 5% 20px 5%;
}
.footerArticle{
width:100%;
}
}
@media screen and (max-width:400px){
nav{font-size:4vw;}
}
.rim{
display:block;
float:right;
margin:10px 0 10px 0;
}