*,
     *::before,
     *::after {
         box-sizing: border-box;
     }
     
     body {
         margin: 0;
         font-family: 'DM Sans', sans-serif;
         background: linear-gradient(115deg, #ec8bdc 0%, rgb(247, 244, 244) 11%);
     }
     
     img {
         max-width: 100%;
         display: block;
     }
     
     .container {
         width: 90%;
         max-width: 1200px;
         margin: 0 auto;
     }
     
     a {
         text-decoration: none;
     }
     
     ul {
         list-style: none;
     }
     /* Typography */
     
     h1,
     h2 {
         color: #000;
         font-size: 3rem;
         margin: 0;
     }
     
     p {
         color: rgb(109, 109, 109);
         line-height: 1.5;
     }
     /* Header */
     
     .header {
         padding: 2em 0;
     }
     
     .logo {
         float: left;
         display: flex;
         align-items: center;
     }
     
     .nav {
         display: block;
     }
     
     .nav__list {
         margin: 0;
         padding: 3em 0 0 0;
         list-style: none;
     }
     
     .nav__item {
         margin: 1em 0;
     }
     
     .nav__link {
         color: rgb(0, 0, 0);
         text-decoration: none;
     }
     
     .hov:hover {
         color: #fff;
         font-weight: 700;
     }
     
     .nav__link--button {
         display: inline-block;
         background: #7344f5;
         color: #fff;
         padding: 1em 1em;
         border-radius: 5px;
     }
     
     .nav__link:hover,
     .hero__link:hover {
         opacity: .75;
     }
     /* HIDING THE CHECKBOX */
     
     #hamburger {
         display: none;
     }
     /* PUTTING THE HAMBURGER ON THE SAME LINE AS THE LOGO */
     /* DISPLAY THE LOGO AS BLOCK AND FLOAT THE LOGO TO THE LEFT */
     
     .nav label {
         float: right;
         display: block;
         font-style: normal;
         font-size: 1.2em;
         padding: 10px;
     }
     /* (C) TOGGLE SHOW/HIDE MENU */
     
     .navitem {
         display: none;
     }
     
     .nav input:checked~.navitem {
         display: block;
         text-align: center;
     }
     /* END OF HAMBURGER MENU */
     
     span {
         font-weight: 700;
     }
     /* hero */
     
     .feed {
         width: 85%;
         margin: 0 auto;
     }
     
     .hero {
         padding: 2em 0 5em 0;
     }
     
     .hero__text {
         padding-top: 2em;
     }
     
     .hero__text--header {
         line-height: 1.1;
     }
     
     .hero__avatars {
         display: block;
         margin-top: 1.5em;
         width: 25%;
         min-width: 190px;
     }
     
     .num {
         color: #7344f5;
     }
     /* section-two */
     
     .section-two {
         padding: 2em 0;
         background-color: #fff;
     }
     
     .section-two__text {
         padding-top: 2em;
     }
     
     .section-two__header {
         font-size: 2rem;
         line-height: 1.2;
     }
     
     .section-two__link {
         color: #7344f5;
         font-weight: 700;
     }
     /* section-three */
     
     .phone {
         width: 80%;
         margin: 0 auto;
     }
     
     .section-three {
         background-color: #fff;
         padding: 3em 0;
     }
     
     .section-three__text {
         padding-top: 2em;
     }
     
     .section-three__header {
         font-size: 2rem;
         line-height: 1.2;
     }
     /* footer */
     
     .footer {
         padding: 3em 0;
     }
     
     .heart {
         color: #000;
         font-weight: 900;
         font-size: 1.5rem;
     }
     
     .head {
         font-size: 1.12rem;
         color: #000;
         font-weight: 900;
     }
     
     .top__nav,
     .bottom__nav {
         display: flex;
         justify-content: space-between;
     }
     
     .footer__nav--list {
         padding: 0;
     }
     
     .footer__nav--item {
         padding-bottom: 0.75em;
     }
     
     .footer__nav--link {
         color: rgb(155, 153, 153);
     }
     
     @media (min-width:750px) {
         /* header */
         .header {
             padding: 2em 0;
             display: flex;
         }
         .top {
             display: flex;
             justify-content: space-between;
             align-items: center;
         }
         .nav label {
             display: none;
         }
         .logo {
             /* border: solid yellow 1px; */
             display: flex;
             align-items: center;
         }
         .nav {
             display: block;
         }
         .navitem {
             display: flex;
             align-items: center;
         }
         .nav__list {
             display: flex;
             align-items: center;
             padding-top: 0;
         }
         .nav__item+.nav__item {
             margin-left: 1em;
         }
         .nav__link {
             color: rgb(0, 0, 0);
             text-decoration: none;
         }
         .nav__link--button {
             display: inline-block;
             background: #7344f5;
             color: #fff;
             padding: 0.70em 1em;
             border-radius: 5px;
         }
         /* hero */
         .feed {
             padding: 0 5em;
         }
         .hero__text {
             padding-right: 10em;
         }
         .hero__text--header {
             font-size: .3.5rem;
             line-height: 1.1;
         }
         /* section-two */
         .mid {
             display: flex;
             flex-direction: row-reverse;
             justify-content: space-between;
         }
         .section-two {
             padding: 2em 0;
             background-color: #fff;
             padding-top: 5em;
         }
         .section-two__text {
             padding-top: 0em;
             width: 70%;
             padding-right: 4em;
         }
         .social {
             /* padding-top: 2em; */
             width: 40%;
             align-self: center;
         }
         /* section-three */
         .last {
             display: flex;
             justify-content: space-between;
         }
         .section-three__text {
             width: 60%;
             padding-top: 0;
             padding-right: 2em;
             align-self: center;
         }
         .phone {
             width: 40%;
             margin: 0 auto;
         }
         /* footer */
         .bottom {
             display: flex;
             justify-content: space-between;
         }
         .footer__text {
             padding-right: 5em;
             width: 80%;
         }
         .footer__nav {
             width: 70%;
         }
         .footer__nav--list {
             padding: 0;
             margin: 0;
         }
         .footer__nav--list+.footer__nav--list {
             padding: 0;
             margin-bottom: 2.5em;
         }
     }
     
     @media (min-width:1100px) {
         .row {
             display: flex;
         }
         .herorow {
             display: flex;
             flex-direction: row-reverse;
             justify-content: space-between;
         }
         .feed {
             width: 85%;
             margin: 0 auto;
             padding: 0 5em;
             ;
         }
         .hero__text {
             padding-right: 0;
         }
         .section-two__text {
             padding-right: 10em;
         }
         .section-three__text {
             padding-right: 0;
             padding-left: 10em;
         }
     }