html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body { position: relative; 
    font-family: Work Sans, Helvetica, sans-serif; 
    color: #162933; 
    background-color: #f8f7f4;
    direction: rtl;
    text-align: right;
    line-height: 1.8;
}

/* a { text-decoration: none;}
a:hover { text-decoration: underline; } */
a img { border: 0; }
td { vertical-align: top; }
ul { list-style: none;}
li { padding-bottom: 10px;}
h1 { font-size: 45px; font-weight: bold;}
h2 { font-size: 35px; }
h3 { font-size: 40px; font-weight:bold;}
h4 { font-size: 30px; margin-bottom: 1rem;}
p  { font-size: 20px; font-weight: 300;}
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #999; }

nav {
    position: fixed;
    float:left; 
    width:100%;
    background-color: #162933; 
    top:0; z-index:1; padding:10px;
}

nav a {color:white;}

section {padding-top: 8rem; padding-bottom: 8rem;}

#header{
    color: white; 
    background-color: #162933; 
    text-align: center;
}
#header img{
    width: 100%;
    padding-bottom: 20px;
}

#header h2{color:#52af48;}

#introduction{background-color: white; color:#162933;}

#video{text-align: center;}
#from-afar{background-color: #162933; color:#dbe9d2;}
#from-afar h3{color: #52af48;}


#table-of-content{
    background-color: #20757a; 
    color:white;
}
#table-of-content h3{margin-bottom: 1.5rem;}
#table-of-content h4{font-size: 25px; margin-bottom: 0rem;}
#table-of-content a {color:white;}
#table-of-content p{padding-bottom: 0px;}

#holding{background-color: white;}

#empowerment{background-color: #f8f7f4;}

#thinking{background-color: white;}

#clear-goals{background-color: #f8f7f4;}

#success-experiences{background-color:white;}

#redefine{background-color: #f8f7f4;}

#continuous-connection{background-color:white;}

#toolbox{
    background-color: #162933; 
    color:white;
    text-align: center;
}

#toolbox p{color: #f8f7f4;}