- Home
- Healthy Summer Habits
Healthy Summer Habits
Healthy Summer Habits
.flexboxmargindesktop > * {
margin-left: 15px !important;
margin-right: 15px !important;
}
.flexboxmargintabletmobile > * {
margin-left: 10px !important;
margin-right: 10px !important;
}
.flexboxpaddingdesktop > * {
padding-left: 15px !important;
padding-right: 15px !important;
}
.flexboxpaddingtabletmobile > * {
padding-left: 10px !important;
padding-right: 10px !important;
}
.flex-layout-block {
margin-bottom: 0 !important;
}
.flex-layout-block > div {
margin-bottom: 15px;
margin-top: 0 !important;
}
.property-for-next {
margin: 0 !important;
}
.layout-blk-row .col-12\@mobile {
flex-basis: 100%;
max-width: 100%;
}
@media(min-width: 768px) {
.layout-blk-row .col-12\@tablet {
flex-basis:100%;
max-width: 100%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-12\@desktop {
flex-basis:100%;
max-width: 100%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-12\@desktop-lg {
flex-basis:100%;
max-width: 100%;
}
}
.layout-blk-row .col-11\@mobile {
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
@media(min-width: 768px) {
.layout-blk-row .col-11\@tablet {
flex-basis:91.66666667%;
max-width: 91.66666667%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-11\@desktop {
flex-basis:91.66666667%;
max-width: 91.66666667%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-11\@desktop-lg {
flex-basis:91.66666667%;
max-width: 91.66666667%;
}
}
.layout-blk-row .col-10\@mobile {
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
@media(min-width: 768px) {
.layout-blk-row .col-10\@tablet {
flex-basis:83.33333333%;
max-width: 83.33333333%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-10\@desktop {
flex-basis:83.33333333%;
max-width: 83.33333333%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-10\@desktop-lg {
flex-basis:83.33333333%;
max-width: 83.33333333%;
}
}
.layout-blk-row .col-9\@mobile {
flex-basis: 75%;
max-width: 75%;
}
@media(min-width: 768px) {
.layout-blk-row .col-9\@tablet {
flex-basis:75%;
max-width: 75%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-9\@desktop {
flex-basis:75%;
max-width: 75%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-9\@desktop-lg {
flex-basis:75%;
max-width: 75%;
}
}
.layout-blk-row .col-8\@mobile {
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
@media(min-width: 768px) {
.layout-blk-row .col-8\@tablet {
flex-basis:66.66666667%;
max-width: 66.66666667%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-8\@desktop {
flex-basis:66.66666667%;
max-width: 66.66666667%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-8\@desktop-lg {
flex-basis:66.66666667%;
max-width: 66.66666667%;
}
}
.layout-blk-row .col-7\@mobile {
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
@media(min-width: 768px) {
.layout-blk-row .col-7\@tablet {
flex-basis:58.33333333%;
max-width: 58.33333333%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-7\@desktop {
flex-basis:58.33333333%;
max-width: 58.33333333%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-7\@desktop-lg {
flex-basis:58.33333333%;
max-width: 58.33333333%;
}
}
.layout-blk-row .col-6\@mobile {
flex-basis: 48%;
max-width: 48%;
}
@media(min-width: 768px) {
.layout-blk-row .col-6\@tablet {
flex-basis:48%;
max-width: 48%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-6\@desktop {
flex-basis:48%;
max-width: 48%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-6\@desktop-lg {
flex-basis:48%;
max-width: 48%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-6\@mobile {
flex-basis: 50%;
max-width: 50%;
}
}
@media(min-width: 922px) and (min-width:768px) {
.layout-blk-row .col-6\@tablet {
flex-basis:50%;
max-width: 50%;
}
}
@media(min-width: 922px) and (min-width:922px) {
.layout-blk-row .col-6\@desktop {
flex-basis:50%;
max-width: 50%;
}
}
@media(min-width: 922px) and (min-width:1200px) {
.layout-blk-row .col-6\@desktop-lg {
flex-basis:50%;
max-width: 50%;
}
}
.layout-blk-row .col-5\@mobile {
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
@media(min-width: 768px) {
.layout-blk-row .col-5\@tablet {
flex-basis:41.66666667%;
max-width: 41.66666667%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-5\@desktop {
flex-basis:41.66666667%;
max-width: 41.66666667%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-5\@desktop-lg {
flex-basis:41.66666667%;
max-width: 41.66666667%;
}
}
.layout-blk-row .col-4\@mobile {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
@media(min-width: 768px) {
.layout-blk-row .col-4\@tablet {
flex-basis:33.33333333%;
max-width: 33.33333333%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-4\@desktop {
flex-basis:33.33333333%;
max-width: 33.33333333%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-4\@desktop-lg {
flex-basis:33.33333333%;
max-width: 33.33333333%;
}
}
.layout-blk-row .col-3\@mobile {
flex-basis: 25%;
max-width: 25%;
}
@media(min-width: 768px) {
.layout-blk-row .col-3\@tablet {
flex-basis:25%;
max-width: 25%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-3\@desktop {
flex-basis:25%;
max-width: 25%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-3\@desktop-lg {
flex-basis:25%;
max-width: 25%;
}
}
.layout-blk-row .col-2\@mobile {
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
@media(min-width: 768px) {
.layout-blk-row .col-2\@tablet {
flex-basis:16.66666667%;
max-width: 16.66666667%;
}
}
@media(min-width: 922px) {
.layout-blk-row .col-2\@desktop {
flex-basis:16.66666667%;
max-width: 16.66666667%;
}
}
@media(min-width: 1200px) {
.layout-blk-row .col-2\@desktop-lg {
flex-basis:16.66666667%;
max-width: 16.66666667%;
}
}