.text-image-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-image-image { max-width: 40.625%; } .text-image-image img { height: auto; max-width: 100%; } .text-image-wrap.text-right .text-image-image { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .text-image-wrap.text-left .text-image-image { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .text-image-text { width: 59.375%; } .text-image-wrap.text-right .text-image-text { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 40px; } .text-image-wrap.text-left .text-image-text { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 40px; } .text-image-text .accent-text { text-transform: none; } @media ( max-width: 960px ) { .text-image { padding-bottom: 50px !important; padding-top: 50px !important; } .text-image-wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .text-image-text { max-width: 100%; width: 100%; } .text-image-image { margin-left: auto; margin-right: auto; padding-bottom: 30px; max-width: 100%; } .text-image-wrap.text-left .text-image-text { padding-right: 0; padding-left: 0; } .text-image-wrap.text-right .text-image-text { padding-left: 0; } } .simple-text { background-repeat: no-repeat; background-position: center; background-size: cover; } .simple-text-wrap { margin-left: auto; margin-right: auto; } .accent-text { text-transform: uppercase; font-size: 16px; } @media ( max-width: 960px ) { h2.h3 br { display: none; } } .text-video-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-video-image { max-width: 45.579710144927536%; } .text-video-image img { height: auto; max-width: 100%; } a.video-play { position: relative; display: block; } a.video-play:after { content: "\f144"; font-size: 100px; font-family: "Font Awesome 5 Free"; position: absolute; right: 15px; top: 50%; left:50%; -ms-transform: translateY(-50%) translateX(-50px); transform: translateY(-50%) translateX(-50px); font-weight: 900; opacity: 0.7; transition: 2s opacity; } a.video-play:hover:after { opacity: 1; } .text-video-wrap.text-right .text-video-image { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .text-video-wrap.text-left .text-video-image { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .text-video-text { width: 51.304347826086957%; } .text-image-wrap.text-right .text-image-text { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 40px; } .text-video-wrap.text-left .text-video-text { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 40px; } .text-video-text .accent-text { text-transform: none; } @media ( max-width: 960px ) { .text-video { padding-bottom: 50px !important; padding-top: 50px !important; } .text-video-wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .text-video-text { max-width: 100%; width: 100%; } .text-video-image { margin-left: auto; margin-right: auto; padding-bottom: 30px; max-width: 100%; } .text-video-wrap.text-left .text-video-text { padding-right: 0; padding-left: 0; } .text-video-wrap.text-right .text-video-text { padding-left: 0; } } .three-columns-video-wrap h2 { font-weight: 600; } .three-columns-video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .three-column { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: calc(33.33% - 20px); } .video-heading { margin-bottom: 10px; font-weight: 600; } iframe { width:100%; max-width:100%; } @media ( max-width:767px ) { .three-columns-video { display: block; } .three-column { width:100%; } .three-column:not(:first-child) { margin-top: 40px; } }.craft-design-ft-wrap { display: flex; justify-content: space-between; align-items: center; } .craft-design-ft-wrap .craft-right-column { flex-grow: 1; } .craft-footer-right-col { display: flex; justify-content: space-evenly; align-items: center; } .craft-ft-icon { display: flex; line-height: 1.2; align-items: flex-end; justify-content: flex-start; } .craft-ft-icon .fas { padding-right: 10px; } .ft-craft-right-text { line-height: 1.2; } .craft-ft-left-col { font-size: 20px; } .craft-left-column img { display: block; } @media (max-width:960px) { .ft-craft-right-text { font-size: 15px; } .craft-left-column img { margin-left: auto; margin-right: auto; } .craft-ft-left-col { font-size: 18px; } } @media (max-width:767px){ .craft-design-ft-wrap { display: block; text-align: center; } .craft-footer-right-col { flex-direction: column; align-items: center; } } @media (max-width: 512px) { .craft-ft-left-col { font-size: 15px; } }