/* Reset */

*{
    margin:0;
    padding:0;
}


/* Main page */

body{
    width:100%;
    display:flex;
    justify-content:center;
    background:#fffff2;
}


#body_wrapper{
    max-width:1000px;
    width:100%;
    margin:20px auto;
    padding:0 10px;
    text-align:center;
}


/* Heading */

h1{
    font:bold 40px Tahoma, Arial, sans-serif;
    text-align:center;
    font-style:italic;
    color:#2619EF;
    padding-bottom:10px;
}


/* Main content */

#main_section{

    margin:20px;
    padding:20px;

    background:#FFFFB0;

    border:5px solid red;

}


/* SEO introduction paragraph */

.intro{

    text-align:left;

    font:18px "Times New Roman", serif;

    line-height:1.5;

    width:90%;

    max-width:800px;

    margin:20px auto;

}


/* Tract list */

.tract-list{

    text-align:center;

}


.tract-list a{

    display:block;

    margin-bottom:18px;

    font:23px "Times New Roman", serif;

}


/* Emphasis */

em{

    font-weight:bold;

    font-style:italic;

}


/* Navigation */

#navigation{

    text-align:center;

}


#navigation li{

    display:inline-block;

    list-style:none;

    padding:5px;

    font:bold 14px Tahoma, Arial, sans-serif;

}


/* Footer */

#page_footer{

    text-align:center;

    padding:30px;

    border-top:3px solid blue;

    font:10px Tahoma, Arial, sans-serif;

}



/* Mobile */

@media screen and (max-width:768px){

    #body_wrapper{
        padding:0 10px;
    }

}

}


    #main_section{

        margin:10px;

        padding:10px;

    }


    h1{

        font-size:28px;

    }


	.intro{
    text-align:left;
    font:18px "Times New Roman", serif;
    line-height:1.5;
    width:90%;
    max-width:800px;
    margin:20px auto;
    box-sizing:border-box;


    .tract-list a{

        font-size:18px;

        padding:5px;

        margin-bottom:14px;

    }


    #navigation li{

        display:block;

        margin:10px;

    }


}