html, body, div, span, p,
h1, h2, h3, h4, h5, h6, 
footer, header, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/******************************************************************************
*                                   HEADER                                    *
******************************************************************************/
header.page-header {
    display: block;
    height: 180px;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    align-items: center;
    color: lightslategray;
    background-color: lightgrey;
    text-align: center;
}
h1 {
    font-size: 2em;
    margin-top: 25px;
    font-weight: bolder;
    font-variant: small-caps;
    /*margin: 15px auto;*/
    color:royalblue
}
h2 {
    font-size: 1.5em;
    margin-top: 25px;
    font-weight: bold;
    font-style: italic;
    color: midnightblue;
}
.title {
    min-width: 600px;
}
/******************************************************************************
*                                  MAIN PAGE                                  *
******************************************************************************/
body { 
    line-height: 1; 
    width: 960px;
    margin: 15px auto;
}
section { text-align: center; margin: 25px 0px;}
hr { color: lightslategray;border: lightslategray 1px solid;}

/******************************************************************************
*                                   FOOTER                                    *
******************************************************************************/
footer {
    display: block;
    height: 40px;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    align-items: center;
    text-align: center;
    color: #333 ;
    background-color: lightgrey;
}

.left {float: left;}
.right {float: right;}
