@media only screen and (max-width:800px) {.site-inner {padding-left: 0;padding-right: 0;}}
.contact-page .content {max-width: 100%;text-align: center;margin: 0 auto;padding: 80px 0 0 0;}
.contact-page .content .entry {margin-bottom: 0;}
.contact-form-wrapper {background: #323d75;color: #fff;width: 100%;max-width: 1280px;}
@media only screen and (min-width:1024px) {.contact-form-wrapper {margin: -50px auto 0 auto;padding: 180px 20% 40px 10%;-webkit-clip-path: polygon(50% 10%,100% 0,100% 100%,50% 100%,0 100%,0 0);clip-path: polygon(50% 10%,100% 0,100% 100%,50% 100%,0 100%,0 0);}}
@media only screen and (max-width:1023px) {.contact-form-wrapper {margin: -60px auto 0 auto;padding: 80px 20px 40px 20px;text-align: center;-webkit-clip-path: polygon(50% 5%,100% 0,100% 100%,50% 100%,0 100%,0 0);clip-path: polygon(50% 5%,100% 0,100% 100%,50% 100%,0 100%,0 0);}}
.contact-wrap {max-width: 960px;text-align: center;margin: 0 auto;}
.details-wrapper {width: 100%;max-width: 1280px;text-align: left;color: #fff;clear: both;}
.contact-page .details-wrapper p:empty {display: none;}
.contact-page .details-wrapper .body-text h3 {font-family: Intro,Helvetica,Arial,sans-serif;font-size: 125%;margin: 40px 0 20px 0;text-align: left;}
.contact-page .details-wrapper .row-2 .body-text h3 {text-align: center;}
.contact-page .details-wrapper .body-text {font-size: 75%;margin: 0 10px;}
.contact-page .details-wrapper .body-text .one-third {padding: 0 18px;text-align: center;}
@media only screen and (min-width:1024px) {.contact-page .details-wrapper .body-text i.icon {font-size: 500%;}}
@media only screen and (min-width:601px) and (max-width:1023px) {.contact-page .details-wrapper .body-text i.icon {font-size: 400%;}}
@media only screen and (max-width:600px) {.one-third {width: 33.3333333%;text-align: center;}
	.contact-page .details-wrapper .body-text i.icon {font-size: 400%;}}
.ion-social-instagram:before, .ion-social-linkedin:before, .ion-social-twitter:before {margin-left: -10px;}
.row-1, .row-1 .image, .row-1 .text, .row-2, .row-2 .image, .row-2 .text {height: 400px;min-height: 400px;}
.row-1 {display: flex;background-color: #fafafa;color: #444;}
@media only screen and (min-width:601px) {.row-1 {flex-direction: row;}}
@media only screen and (max-width:600px) {.row-1 {flex-direction: column;height: 800px;}}
.row-1 .text {display: flex;justify-content: center;align-items: center;}
@media only screen and (min-width:601px) {.row-1 .text {order: 1;width: 40%;padding-left: 10px;}}
@media only screen and (max-width:600px) {.row-1 .text {order: 2;width: 100%;}}
.row-1 .image {background: url("/app/themes/duo48/images/contact/row-1-image.jpg") center center no-repeat;}
@media only screen and (min-width:601px) {.row-1 .image {order: 2;width: 60%;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,20% 100%);clip-path: polygon(0 0,100% 0,100% 100%,20% 100%);}}
@media only screen and (max-width:600px) {.row-1 .image {order: 1;width: 100%;height: 800px;}}
.row-2 {display: flex;background-color: #fafafa;color: #444;}
@media only screen and (min-width:601px) {.row-2 {flex-direction: row;}}
@media only screen and (max-width:600px) {.row-2 {flex-direction: column;height: 800px;}}
.row-2 .text {display: flex;justify-content: center;align-items: center;}
@media only screen and (min-width:601px) {.row-2 .text {width: 48%;padding-right: 20px;}}
@media only screen and (max-width:600px) {.row-2 .text {width: 100%;}}
.row-2 .image {background: url("/app/themes/duo48/images/contact/row-2-image.jpg") center center no-repeat;}
@media only screen and (min-width:601px) {.row-2 .image {width: 52%;-webkit-clip-path: polygon(0 0,100% 0,80% 100%,0 100%);clip-path: polygon(0 0,100% 0,80% 100%,0 100%);}}
@media only screen and (max-width:600px) {.row-2 .image {width: 100%;}}