html, body {
    min-height: 100%;
    min-width: 922px;
    margin: 0;
    padding: 0;
}

.semi-transparent {    
    opacity: 0.76;
    filter: alpha(opacity=76); /* For IE8 and earlier */
}

.img-bg-frame {
    background-color: rgba(250, 250, 250, 0.64);
    display: inline-block;
    border-radius: 16%;
    border: 4px solid rgba(250, 250, 250, 0.32);
    box-sizing: border-box;
    min-width: 90px;
    max-width: 148px;
    width: 10vw;
}

.top-div {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(250, 250, 250, 0.9);
    z-index: 1000;
}

.how-it-works-table {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
}

.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
    color: #e91e63;
}

.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
    border-bottom: 2px solid #e91e63;
    box-shadow: none;
}

.png-icon {
    width: 100%;
    max-width: 140px;
    box-sizing: border-box;
    margin: 0px auto;
    display: inline-block;
}

.image-cell-1 {
    width: 16%;
    min-width: 190px;
    max-width: 256px;
}

.image-cell-2 {
    width: 20%;
    min-width: 100px;
    max-width: 140px;
}

.png-icon-100 {
    width: 100%;
    max-width: 256px;
    box-sizing: border-box;
    margin: 0px auto;
    display: inline-block;
}

.png-icon-180-max {
    width: 100%;
    max-width: 180px;
    box-sizing: border-box;
    margin: 0px auto;
    display: inline-block;
}

.full-screen-size {
    width: 100%;
    height: 100%;
    padding: 90px 2% 0 2%;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

.card-panel.big{
    margin-left: -2%;
    margin-right: -2%;
    padding-top: 4%;
    padding-bottom: 4%;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0;
}

.flex-container .card-panel, .flex-container .card-panel-nobg {
    width: 30%;
    margin: 1%;
    text-align: center;
    min-width: 220px;
}




@media only screen and (min-width: 360px) {
    .flow-text-em {
        font-size: 1.2em;
    }
}
  
@media only screen and (min-width: 390px) {
    .flow-text-em {
        font-size: 1.224em;
    }
}

@media only screen and (min-width: 420px) {
    .flow-text-em {
        font-size: 1.248em;
    }
}

@media only screen and (min-width: 450px) {
    .flow-text-em {
        font-size: 1.272em;
    }
}

@media only screen and (min-width: 480px) {
    .flow-text-em {
        font-size: 1.296em;
    }
}

@media only screen and (min-width: 510px) {
    .flow-text-em {
        font-size: 1.32em;
    }
}

@media only screen and (min-width: 540px) {
    .flow-text-em {
        font-size: 1.344em;
    }
}

@media only screen and (min-width: 570px) {
    .flow-text-em {
        font-size: 1.368em;
    }
}

@media only screen and (min-width: 600px) {
    .flow-text-em {
        font-size: 1.392em;
    }
}

@media only screen and (min-width: 630px) {
    .flow-text-em {
        font-size: 1.416em;
    }
}

@media only screen and (min-width: 660px) {
    .flow-text-em {
        font-size: 1.44em;
    }
}

@media only screen and (min-width: 690px) {
    .flow-text-em {
        font-size: 1.464em;
    }
}

@media only screen and (min-width: 720px) {
    .flow-text-em {
        font-size: 1.488em;
    }
}

@media only screen and (min-width: 750px) {
    .flow-text-em {
        font-size: 1.512em;
    }
}

@media only screen and (min-width: 780px) {
    .flow-text-em {
        font-size: 1.536em;
    }
}

@media only screen and (min-width: 810px) {
    .flow-text-em {
        font-size: 1.56em;
    }
}

@media only screen and (min-width: 840px) {
    .flow-text-em {
        font-size: 1.584em;
    }
}

@media only screen and (min-width: 870px) {
    .flow-text-em {
        font-size: 1.608em;
    }
}

@media only screen and (min-width: 900px) {
    .flow-text-em {
        font-size: 1.632em;
    }
}

@media only screen and (min-width: 930px) {
    .flow-text-em {
        font-size: 1.656em;
    }
}

@media only screen and (min-width: 960px) {
    .flow-text-em {
        font-size: 1.68em;
    }
}

@media only screen and (min-width: 1000px) {
    .flow-text-em {
        font-size: 2em;
    }
}

@media only screen and (min-width: 1100px) {
    .flow-text-em {
        font-size: 2.2em;
    }
}

@media only screen and (max-width: 360px) {
    .flow-text-em {
        font-size: 1.2em;
    }
}