/* 
    Document   : kids
    Created on : May 3, 2015, 1:03:21 PM
    Author     : ReetDipti
    Description:
        Stylesheet for kids page
*/
header{
    font-weight: bold;
    margin-top: 10px;
}
section,aside{
    border: 1px solid green;
    border-radius: 1em;
    margin:10px;
    margin:4.8%;
    padding:10px;
    padding:4.8%;
    margin-left: 0px;
    
}
/* section is responsive */
section{
    /*width:300px; .625 = 300px/480px as 48% of 1000px is the main body */
    width: 62.5%;
    width: 60%;
    float: left;
}
aside{
    /* width: 100px; 100px/480 */
    width: 20.83%;
    width: 15%;
    float: right;
    margin-right: 0px;
}
#container{
    width: 1000px;
}
@media only screen and (max-width: 1000px){
    #container { width: 100%; }
}
@media all and (max-width: 860px) {
  section, aside {
    float: none;
    width: auto;
  }
}