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;
background-image: url(/styles/vitadu-logo-bg.jpg);
background-attachment: fixed;
background-position: center 150px;
background-repeat: no-repeat;
}
#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%;
}

.articleMain{
width:75%;
float:left ;
background-color: transparent;

}
.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:#FF7800;
}
nav a{
text-decoration: none;
}
nav a.UnActiveLink{
color:rgb(180,180,180);
}
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;
}