.wrapper
{
display: flex;
flex-flow: row wrap;
text-align:center;
}

h2
{
color: #003e63;
font-size: 2em;
margin-top: 5px;
font-weight: 400;
}

hr
{
border: 1px solid #f0f0f0;
margin-bottom: 10px;
margin-top: 10px;
}

/* all items shall be 100% width */
.wrapper > *
{
flex: 1 100%;
}

/* Medium screens */
@media all and (min-width: 600px)
{
.aside { flex: 1;}
.main {text-align: justify;}
}

/* Large screens */
@media all and (min-width: 800px)
{
.main { flex: 2 0px; order: 1; }
.aside-1 { flex: 8; order: 1; text-align:left;}
.aside-2 { flex: 1 30%; order: 3; text-align: left; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
}
{
display: none;
}

.main
{
text-align: justify;
}

.aside
{
margin: 2%;
}

#company-info
{
text-align: justify;
}

#job-title
{
text-align: center !important;
}

header > img
{
border-radius: 4px;
}

aside > img
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.picto-container
{
margin-top: 4%;
margin-bottom: 4%;
display: flex;
justify-content: space-between;
}

.pictogram
{
width: 100%;
vertical-align: middle;
object-fit: cover;
object-position: 50% 50%;

}
.description
{
margin-left: 4%;
width: 100%;
display: flex;
align-items: center;
text-align:left;
}