html {
    position: relative;
    min-height: 100%;
}

.bodyS {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

.inputWidth{
    width:100%;
}

.smartNone {
}

.smartYep {
    display: none;
}

a {
    display: inline;
    text-decoration: none;
}

.disIB {
    display: inline-block;
}

@media (max-width:768px) {
    .inputWidth {
        width: 250px;
    }

    .smartNone {
        display: none;
    }

    .smartYep {
        display: table;
    }
}

@media (max-width:320px) {
    .inputWidth {
        width: 150px;
    }

    .smartNone {
        display: none;
    }

    .smartYep {
        display: table;
    }
}

div.container1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}