@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
html,
body {
    padding: 0;
    margin: 0;

}
html {
    scroll-behavior: smooth;
}

a {
    color: inherit;
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

figure {
    margin: 0;
}
/* FIGURE RIGHT */
.figure-right-w20percent{
    float: right;
    width: 20%;
    text-align: center;
    margin: 0 0 0 20px;
}
.figure-right-w30percent{
    float: right;
    width: 30%;
    text-align: center;
    margin: 0 0 0 20px;
}
.figure-right-w40percent{
    float: right;
    width: 40%;
    text-align: center;
    margin: 0 0 0 20px;
}
.figure-right-w50percent{
    float: right;
    width: 50%;
    text-align: center;
    margin: 0 0 0 20px;
}
.figure-right-w60percent{
    float: right;
    width: 60%;
    text-align: center;
    margin: 0 0 0 20px;
}

.figure-right-w70percent{
    float: right;
    width: 70%;
    text-align: center;
    margin: 0 0 0 20px;
}
/* FIGURE RIGHT */
.figure-left-w20percent{
    float: left;
    width: 20%;
    margin: 0 20px 0 0;
}
.figure-left-w30percent{
    float: left;
    width: 30%;
    margin: 0 20px 0 0;
}
.figure-left-w40percent{
    float: left;
    width: 40%;
    margin: 0 20px 0 0;
}
.figure-left-w50percent{
    float: left;
    width: 50%;
    margin: 0 20px 0 0;
}
.figure-left-w60percent{
    float: left;
    width: 60%;
    margin: 0 20px 0 0;
}
.figure-left-w70percent{
    float: left;
    width: 70%;
    margin: 0 20px 0 0;
}

@media screen and (max-width: 801px) {
    .figure-right-w20percent,
    .figure-right-w30percent ,
    .figure-right-w40percent ,
    .figure-right-w50percent ,
    .figure-right-w60percent ,
    .figure-right-w70percent ,
    .figure-left-w20percent,
    .figure-left-w30percent,
    .figure-left-w40percent,
    .figure-left-w50percent,
    .figure-left-w60percent,
    .figure-left-w70percent
    {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
    }


}

