.flex {
display: flex;
}

.flex-jc-c {
justify-content: center;
}

.flex-ac-c {
align-content: center;
}

.flex-ai-c {
align-items: center;
}

.flex-row {
flex-direction: row;
}

.flex-column {
flex-direction: column;
}

.flex-column-r {
flex-direction: column-reverse;
}

.flex-wrap {
flex-wrap: wrap;
}

.segment-100 {
width: 100%;
}

.segment-60 {
width: 60%;
}


.segment-50 {
width: 50%;
}

.segment-33 {
width: 33.33333%;
}

.segment-25 {
width: 25%;
}

.flex-item {
flex: 1;
}

.float-r {
  float: right;
}

.float-l {
float: left;
}

.margin-auto {
margin: 0 auto;
}

.margin-auto-10 {
margin: 10px auto;
}

.margin-10 {
  margin: 10px;
}

.text-padding h2{
padding-bottom: 2px;
}

.text-padding p{
padding-bottom: 7px;
}

.padding-bottom-60 {
padding: 0 0 60px 0;
}

@media (max-width: 1000px) { 
.text-padding p{
padding-bottom: 5px;
}
}

@media (max-width: 750px) {
.segment-50 {
width: 100%;
}
.float-r {
float: none;
}
}

@media (max-width: 600px) { 

.text-padding p{
padding-bottom: 5px;
}
.segment-50 {
width: 100%;
}

.segment-60 {
  width: 80%;
}

@media (max-width: 400px) { 

.segment-50 {
width: 100%;
}

/* ----- button-css ----- */


/* ----- button-css END ----- */