:root {
	--mainmargin: 1em;
	--mainoutermargin:2em;
	--maindoublemargin: 1.5em;
	--elementdoublemargin: 0.5em;
	--elementmargin: 0.25em;
	--smallmargin: 5px;
	--border:0; 
	box-sizing:border-box;
	--primary-color:#000000;
	--secondary-color:#ffffff;
	--primary-bg-color:#ffffff;
	
	--secondary-bg-color:#303050;
	/*secondary-bg-color:#404d77; */
}

body#flyer {

    margin:0;
}

body#flyer h1{
    width:90%;
    margin:auto;
    display:block;
    
    padding-top:var(--mainmargin);

}

body#flyer section {
    width:90%;    
    margin:auto;
    clear:both;
    display:block;
    padding-top:var(--mainmargin);

}

/* Ensure that the  page wibth don't get too wide */ 
body#flyer h1, body#flyer section {
    max-width:80em;
}

body#flyer h2 {
    
}

img#main-logo {
    width :10em;
}

body#flyer > img.figure {
    witdh : 30em ;
}
body#flyer section {

}
body#flyer section.left-section{
    
}

body#flyer section.left-section img {
}

body#flyer section.left-section{

}

body#flyer section.right-section{

}

body#flyer section p {
    min-width:50%;
    max-width:60%;
    display:inline-block;
    font-size:17pt;
}

body#flyer section.left-section p , body#flyer section.left-section h2, , body#flyer section.left-section ul {
    float:left;
    clear :left;
}

body#flyer section.right-section p, body#flyer section.right-section h2 , body#flyer section.right-section ul{
    float:left;
    margin-left:2em;
}
body#flyer section img.figure {
    min-width: 20%;
    width : 30%;
    padding-top:2em;
}

body#flyer section.left-section img {
    float:right;
}

body#flyer section.right-section img{
    float:left;
}

body#flyer section:nth-of-type(5) img{

    margin-bottom:2em;
}
 
ul {
    float:left;
    font-size:17pt;
    list-style: square;
   }

footer {
    width:100%;
    margin:auto;
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    background-color:var(--secondary-bg-color);
    color:var(--secondary-color);

}
footer p{
    margin:auto;
}

footer img#footer-logo {
    width:10em;
    padding:1.5em;
}

footer img#footer-vionta-logo {
    width:8em;
    padding:1.5em;
}