.modal-01{
width: 80%;
margin:auto;
padding:1.5em;
}

@media screen and (max-width:600px){
.modal-01{
width: 100%;
margin:auto;
padding:1em;
}}

.modal-02{
font-weight:bolder;
color:#331577;
font-size:1.5em;
text-align:center;
display: block;
}

@media screen and (max-width:600px){
.modal-02{
font-size:1em;
}}

.modal-03{
display: block;
width: 100%;
margin:auto;
font-size:.9em;
padding:2em 2em 1em 2em;
line-height:1.5;
font-weight:light;
}

@media screen and (max-width:600px){
.modal-03{
padding:.5em 0 .2em 0;
}}

.modal-04{
width: 100%;
display: flex;
display: -ms-flexbox; 
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.modal-04 > div{
width: 25%;
padding: .5em .1em;
}

@media screen and (max-width: 600px) {
.modal-04 > div{
width: 50%;
padding: .3em .1em;
}}

.modal-04 img{
width:100%;
}

.modal-05{
width:45%;
float:right;
padding-bottom:.8em;
margin-right:1rem;
}

@media screen and (max-width:600px){
.modal-05{
width:80%;
}}

@media screen and (max-width:480px){
.modal-05{
margin-right: initial;
}}

.modal-06 {
display: inline-block;
line-height:1.5;
}

.modal-07 {
font-size:1.1em;
}

@media screen and (max-width:600px){
.modal-07{
font-size:.8em;
}}