/*Grid classes*/
.containd{
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.row{
    display: flex;
    flex-flow: row wrap;
    flex: 0 1 100%;
    margin-bottom: 20px;
}

.col{
    display: inline-flex;
    flex-flow: column wrap;
    flex: 1 1 auto;
    box-sizing:border-box;
    margin-bottom: 2%;
}

.fourth{
    flex-basis: 25%;
}

.third{
    flex-basis: 33.33%;
}

.half{
    flex-basis: 50%;
}

.twothirds{
    flex-basis: 66.66%;
}

.threefourths{
    flex-basis: 75%;
}

.whole{
    flex-basis: 100%;
}

/*Utility Classes*/
.img-respond{
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.drag-l{
    float: left;
}

.drag-r{
    float: right;
}

.cleard{
    content: "";
    display: table;
    clear: both;
}

.centr{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    float: none;
}

.txt-centr{
    text-align: center;
}

.txt-wrapd{
    display: inline-block;
    margin-right: 10px;
}

.bullets{
    margin-left: 20px;
    list-style: disc;
}