@import url(https://fonts.googleapis.com/css2?family=Kristi&display=swap);
@media only screen and (min-width:768px){.serv1,.serv3{padding-left:20px}}.serv1 .serv1a,.serv1 .serv3a,.serv3 .serv1a,.serv3 .serv3a{position:relative;width:100%}.serv1 .serv1a div:first-child,.serv1 .serv3a div:first-child,.serv3 .serv1a div:first-child,.serv3 .serv3a div:first-child{position:absolute;left:0;top:0;width:80%;z-index:-1}@media only screen and (max-width:768px){.serv1 .serv1a div:first-child,.serv1 .serv3a div:first-child,.serv3 .serv1a div:first-child,.serv3 .serv3a div:first-child{margin-left:10%}}.serv1 .serv1a div:first-child picture img,.serv1 .serv3a div:first-child picture img,.serv3 .serv1a div:first-child picture img,.serv3 .serv3a div:first-child picture img{width:70%;display:block}.serv1 .serv1a div:nth-child(2),.serv1 .serv3a div:nth-child(2),.serv3 .serv1a div:nth-child(2),.serv3 .serv3a div:nth-child(2){padding-top:25%;padding-left:35%}@media only screen and (max-width:768px){.serv1 .serv1a div:nth-child(2),.serv1 .serv3a div:nth-child(2),.serv3 .serv1a div:nth-child(2),.serv3 .serv3a div:nth-child(2){padding-left:45%}}.serv1 .serv1a div:nth-child(2) picture img,.serv1 .serv3a div:nth-child(2) picture img,.serv3 .serv1a div:nth-child(2) picture img,.serv3 .serv3a div:nth-child(2) picture img{width:70%;display:block}@media only screen and (max-width:768px){.serv1 .serv1a div:nth-child(2) picture img,.serv1 .serv3a div:nth-child(2) picture img,.serv3 .serv1a div:nth-child(2) picture img,.serv3 .serv3a div:nth-child(2) picture img{width:80%}}@media only screen and (min-width:768px){.serv1 .serv1a,.serv1 .serv3a,.serv3 .serv1a,.serv3 .serv3a{width:60%}}.serv1 .serv1b,.serv1 .serv3b,.serv3 .serv1b,.serv3 .serv3b{width:100%}@media only screen and (max-width:768px){.serv1 .serv1b .serv1ba,.serv1 .serv1b .serv3ba,.serv1 .serv3b .serv1ba,.serv1 .serv3b .serv3ba,.serv3 .serv1b .serv1ba,.serv3 .serv1b .serv3ba,.serv3 .serv3b .serv1ba,.serv3 .serv3b .serv3ba{padding-top:1rem}}.serv1 .serv1b .serv1ba p:first-child,.serv1 .serv1b .serv3ba p:first-child,.serv1 .serv3b .serv1ba p:first-child,.serv1 .serv3b .serv3ba p:first-child,.serv3 .serv1b .serv1ba p:first-child,.serv3 .serv1b .serv3ba p:first-child,.serv3 .serv3b .serv1ba p:first-child,.serv3 .serv3b .serv3ba p:first-child{font-family:Kristi,cursive;font-size:5rem;padding-bottom:1rem}.serv1 .serv1b .serv1bb div,.serv1 .serv1b .serv3bb div,.serv1 .serv3b .serv1bb div,.serv1 .serv3b .serv3bb div,.serv3 .serv1b .serv1bb div,.serv3 .serv1b .serv3bb div,.serv3 .serv3b .serv1bb div,.serv3 .serv3b .serv3bb div{padding-bottom:2rem}@media only screen and (min-width:768px){.serv1 .serv1b,.serv1 .serv3b,.serv3 .serv1b,.serv3 .serv3b{width:40%;padding-right:20px}}@media only screen and (min-width:768px){.serv2{padding-left:20px}}.serv2 .serv2a{width:100%}@media only screen and (max-width:767px){.serv2 .serv2a .serv2ba{padding-top:1rem}}.serv2 .serv2a .serv2ba p:first-child{font-family:Kristi,cursive;font-size:5rem;padding-bottom:1rem}.serv2 .serv2a .serv2bb div{padding-bottom:2rem}@media only screen and (min-width:768px){.serv2 .serv2a{width:40%;padding-right:20px}}.serv2 .serv2b{position:relative;width:100%}@media only screen and (max-width:767px){.serv2 .serv2b{order:-1}}.serv2 .serv2b div:first-child{position:absolute;right:0;top:0;width:80%;z-index:-1}@media only screen and (max-width:767px){.serv2 .serv2b div:first-child{margin-right:25%}}.serv2 .serv2b div:first-child picture img{width:70%;margin-left:25%;display:block}.serv2 .serv2b div:nth-child(2){padding-top:25%;padding-left:35%;transform:translateX(-15%)}@media only screen and (max-width:767px){.serv2 .serv2b div:nth-child(2){padding-left:45%;transform:unset}}.serv2 .serv2b div:nth-child(2) picture img{width:70%;display:block}@media only screen and (max-width:767px){.serv2 .serv2b div:nth-child(2) picture img{width:80%}}@media only screen and (min-width:768px){.serv2 .serv2b{width:60%}}
