* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
footer a {
    color: white;
}
/*survol d'image*/
/* Conteneur principal */
.contenu-small{
    display: none;
}
  
.servicesfs .text {
    color: #fff;
    font-size: 30px;
    line-height: 1.5em;
    text-shadow: 2px 2px 2px #000;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;

   }
 
 
   .servicesfs .hover{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;

   }
   
   /* Apparition overlay sur passage souris */
   .servicesfs:hover .hover{
    opacity: 1;
   }
   .servicesfs .normal {
    transition: .5s ease;
   }
   

@font-face {
    font-family: 'rosewood_std_regularregular';
    src: url('rosewoodstd-regular-webfont.woff2') format('woff2'),
        url('rosewoodstd-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    position: absolute;
    background-image: url(images/page.jpg);
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}
#intfs {
    width: 99%;
    min-height: 32px;
    border-radius: 0 0 15px 15px;
    display: flex;
    position: absolute;
    /* text-align: center; */
    padding: 5px;
    background-color: #16abab;
    color: #f2ebeb;
    grid-row: 29/-1;
    /* grid-column: 1/21; */
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
 #int {
    width: 100%;   
    min-height: 32px;
    border-radius: 0 0 15px 15px;
    display: flex;
    position: absolute;
    /* text-align: center; */
    padding: 5px;
    background-color: #16abab;
    color: #f2ebeb;
    grid-row: 19;
    /* grid-column: 2/20; */
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
 #ext{
    display: none;
}
.servicesfs .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}
/* Styles par défaut (écran de bureau) */

header .logo-gauche {
    grid-row: 1;
}

header .logo-droite {
    text-align: right;
}
header {
   /* margin-top: -192px;*/
    background-image: url(images/page.jpg);
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 180px;
    position: fixed;
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-template-rows:57px repeat(3, auto);
    z-index: 1001;
}

header .titre-site {
    padding-top: 10px;
    font-size: 30px;
    color: #f3df29;
    font-family: "rosewood_std_regularregular";
    text-align: center;
    letter-spacing: 5px;
    grid-row: 1;
    grid-column: 2 /6;

}
header .sous-titre-site{
    grid-row: 2;
    grid-column: 3/5;
    text-align: center;
    color: white;
    font-variant: small-caps;
    letter-spacing: 10px;
}

header .slogan {
    grid-row: 3;
    grid-column: 3/5;
    font-size: 13px;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    font-weight: bold;
    font-style: italic;
    color: #070809 !important;
    letter-spacing: 27px;
    text-align: center;
    padding-bottom: 10px;
}

/*la barre de menu*/
header nav.menu-principal {
    grid-row: 4;
    grid-column: 1/7;
}

.menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu li {
    list-style-type: none;
}

.menu a {
    display: block;
    /*Transformation en block */
    min-width: 60px;
    /* Largeur minimale des liens */
    margin: 0.5rem;
    /* Marges externes (1 valeurs = 4 directions) */
    padding: 0.4rem;
    /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;
    font-weight: bolder;
    /* Centrage du texte */
    background-color: #ffffffc2;
    /* Couleur d'arrière-plan */
    color: #3e69f5;
    /*Couleur du texte */
    text-decoration: none;
    /*Suppression du soulignement */
    border: 1px solid #fff;
    /*Ajout d'une bordure */
    border-radius: 8px;
    /*Arrondis des bordures */
}

.menu li:hover a {
    background-color: #54ec0ec2;
    color: #f5f23e;
}

/*conteneur principal*/
.fullservices {
    grid-template-columns: 26% 12% 12% 12% 12% 26%;
    grid-template-rows: repeat(31,15px);
    width: 100%;
    min-height: 442px;
    /* margin: 190px 13%; */
    position: relative;
    display: grid;
    /* grid-gap: 5px; */
    background-color: rgb(75 235 235 / 40%);
    border-radius: 50px 50px 50px 50px;
    justify-items: center;
    /* width: 100%; */
}

main {
    width: 80%;
    min-height: 461px;
    margin: 190px 10% 0;
    position: relative;
    display: grid;
    background-color: rgb(75 235 235 / 40%);
    border-radius: 50px 50px 0px 0px;
    justify-items: center;
    grid-template-rows: repeat(20, auto);
}
.servicesfs {
    border-radius: 15px;
    position: relative;
    width: 89%;
}
.servicesfs {
    border-radius: 15px;
    position: relative;
    width: 89%;
}
#aide {
    background-image: url(images/aide_course2.png);
    grid-column: 2/4;
    grid-row: 6/16;
    background-size: cover;
}
#brico {
    background-image: url(images/repar_electro1.png);
    grid-column: 4/6;
    grid-row: 6/16;
    background-size: cover;
}
#jardin {
    background-image: url(images/jardinage1.png);
    grid-column: 3/5;
    grid-row: 17/27;
    background-size: cover;
}
 /*positionnement des photos decors*/
 .imagefs {
    border-radius: 15px;
    min-width: 134px;
    max-width: 200px;
    min-height: 1px;
}
 .imagefs img{
    width: 357%;
 }
 .servicesfs img{
    width: 530%;
 }
 .image img{
    width: 139px;
    padding: 0 5px;
    border-radius: 15px;
 }
 .services img{
    width: 100%;
 }
 #aide {
    background-image: url(images/aide_course2.png);
    grid-column: 2/4;
    grid-row: 6/16;
    background-size: cover;
}
#brico {
    background-image: url(images/repar_electro1.png);
    grid-column: 4/6;
    grid-row: 6/16;
    background-size: cover;
}
#jardin {
    background-image: url(images/jardinage1.png);
    grid-column: 3/5;
    grid-row: 17/27;
    background-size: cover;
}
 #image1fs {
    background-image: url(images/aide_course3.png);
    background-size: cover;
    grid-column: 1;
    grid-row: 6/16;
}
#image2fs {
    background-image: url(images/bricolage1.png);
    background-size: cover;
    grid-column: 1;
    grid-row: 18/28;
}
#image3fs {
    background-image: url(images/jardinage2.png);
    background-size: cover;
    grid-column: 6;
    grid-row: 6/16;
}
#image4fs {
    background-image: url(images/menage3.png);
    background-size: cover;
    grid-column: 6;
    grid-row: 18/28;
}
 /*colone gauche*/
 #image1{
    grid-column: 2/5;
    grid-row: 2/4;
 }
 #image2{
    grid-column: 2/5;
    grid-row: 5/7
 }
 #image5{
    grid-column: 2/5;
    grid-row: 8/10;
 }
 #image6{
    grid-column: 2/5;
    grid-row: 11/13;
 }
 #image9{
   /* grid-column: 2/5;*/
    grid-row: 11/13;
 }
 /*colone droite*/
 #image3{
    grid-column: 17/20;
    grid-row: 2/4;
 }
 #image4{
    grid-column: 17/20;
    grid-row: 5/7;
 }
 #image7{
    grid-column: 17/20;
    grid-row: 8/10;
 }
 #image8{
    grid-column: 17/20;
    grid-row: 11/13;
 }
 #image11{
    grid-row: 18;
    grid-column: 14/17;
 }
 #image12{
    grid-row: 18;
    grid-column: 6/9;
 }
.titre-page {
    grid-row: 1;
    grid-column: 4/18;
    margin: 25px;
}
.titre-page-contact {
    grid-row: 1;
    grid-column: 7/9;
    margin: 25px;
}
.titre-pagefs{
    grid-row: 2;
    grid-column: 1/20;
    min-height: 40px;
    background-color: chartreuse;
    border-radius: 15px;
    text-align: center;
    padding: 1px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 31px;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: 5px;
    color: #fff;
    text-shadow: 0.7px 0.7px 5px rgb(27, 35, 45), 4.2px 4.2px 5px rgb(27, 35, 45), 4.9px 4.9px 6px rgb(27, 35, 45), 5.6px 5.6px 5px rgb(27, 35, 45), 6.3px 6.3px 5px rgb(27, 35, 45);
}
.titre-page, .titre-page-contact p {
    min-height: 50px;
    background-color: chartreuse;
    border-radius: 15px;
    text-align: center;
    padding: 1px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 36px;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: 5px;
    color: #fff;
    text-shadow: 0.7px 0.7px 5px rgb(27, 35, 45), 4.2px 4.2px 5px rgb(27, 35, 45), 4.9px 4.9px 6px rgb(27, 35, 45), 5.6px 5.6px 5px rgb(27, 35, 45), 6.3px 6.3px 5px rgb(27, 35, 45);
}
.contenu-contact{
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row: 3/15;
    grid-column: 2/3;
    font-size: x-large;
    color: white;
    font-weight: bold;
    text-shadow: rgb(27, 35, 45)1px 1px 1px;
    text-align: justify;
    padding: 0 5px;
}
.contenu, .contenu-grand{
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row: 3/15;
    grid-column: 6/17;
    font-size: 22px;
    color: white;
    font-weight: bold;
    text-shadow: rgb(27, 35, 45)1px 1px 1px;
    text-align: justify;
    padding: 0 5px;
}
.contenu p{
    font-size: 22px;
    margin: 0 12% 2%;
    background-color: rgb(127 255 0);
    color: red;
    text-align: center;
    border-radius: 15px;
    padding: 8px;
}
.contenu li {
    margin-left: 25px;
    list-style-type: disc;
    text-align: left;
    font-size: 22px;

}
.contenu .cadeau {
    font-size: 50px;
    text-align: center;
    font-weight: bolder;
}
.contenu #drone, #intro{
    text-align: center;
}
#drone{
    font-size: 21px;
    max-height: 285px;
    max-width: 400px;
    width: 100%;
    overflow: auto;
}
.contenu .cadeau p::first-letter {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 53px;
}  
.drone {
    display: grid;
    grid-column: 20% 40% 20%;
    grid-row: 1fr 1fr 1fr;
}
video {
    display: block;
}

.vidbg {
    display: grid;
    grid-template-columns: repeat(25, 4%);
    grid-template-rows: 124px;
    position: absolute;
    width: 100%;
    margin-top: 279px;
    opacity: 50%;
    z-index: -100;
    justify-content: center;
}
#bgvid {
    max-height: 367px;
    padding: 0% 1%;
    grid-column: 7/24;
    grid-row: 1;
    width: 73%;
}
.picto_mail{
    grid-row: 3;
    grid-column: 1;
   
}
.picto_mail img{
    width: 100%;
}
.picto_phone{
    grid-row: 3;
}
.picto_phone img{
    width: 100%;
}









@media (min-width: 672px) and (max-width:880px) {  
    .footer #int {
            font-size: small;
        }
    #ext{
        display: none;
    }
    
    
        header .logo-droite {
            display: none;
        }
        header {
            height: 113px;
            grid-template-columns: 15% 85%;
            grid-template-rows: 60px 26px;
            z-index: 1001;
    
        }
    
        header .slogan {
            grid-column: 2;
        }
        header .sous-titre-site{
            grid-row: 2;
            grid-column: 2;
            text-align: center;
            
        }
    
        /*la barre de menu*/
        header nav.menu-principal {
            display: flex;
            grid-row: 2;
            grid-column: 1;
            flex-direction: column;
        }
    
        .menu {
            flex-direction: column;
        }
    
        .menu a {
            padding: 0.2rem;
            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
            font-size: 12px;
        }

        main {
            width: 85%;
            margin: 108px 15%;
        }
        .fullservices {
            grid-template-columns: 26% 16% 16% 16% 26%;
            grid-template-rows: repeat(41,15px);
            width: 100%;
            min-height: 599px;
            /* margin: 190px 13%; */
            position: relative;
            display: grid;
            /* grid-gap: 5px; */
            background-color: rgb(75 235 235 / 40%);
            border-radius: 50px 50px 50px 50px;
            justify-items: center;
            /* width: 100%; */
        }
        .imagefs {
            border-radius: 15px;
            min-width: 134px;
            max-width: 200px;
            min-height: 1px;
            /* width: 63%; */
            /* padding-left: 2px; */
            /* padding-left: 8px; */
        }
        #image1fs {
            /* min-width: 148px; */
            /* max-width: 165px; */
            /* min-height: 1px; */
            background-image: url(images/aide_course3.png);
            background-size: cover;
            grid-column: 1;
            grid-row: 6/16;
        }
        #image2fs {
            background-image: url(images/bricolage1.png);
            background-size: cover;
            grid-column: 1;
            grid-row: 18/28;
        }
        #image3fs {
            background-image: url(images/jardinage2.png);
            background-size: cover;
            grid-column: 5;
            grid-row: 6/16;
        }
        #image4fs {
            background-image: url(images/menage3.png);
            background-size: cover;
            grid-column: 5;
            grid-row: 18/28;
        }
        .servicesfs {
            border-radius: 15px;
            position: relative;
            width: 89%;
        }
        #aide {
            background-image: url(images/aide_course2.png);
            grid-column: 2/4;
            grid-row: 6/16;
            background-size: cover;
        }
        #brico {
            background-image: url(images/repar_electro1.png);
            grid-column: 3/5;
            grid-row: 17/27;
            background-size: cover;
        }
        #jardin {
            background-image: url(images/jardinage1.png);
            grid-column: 2/4;
            grid-row: 28/38;
            background-size: cover;
        }
        #intfs {
            grid-row: 39/-1;
        }
        #image3{
            display: none;
        }
        #image4{
            display: none;
        }
        
        .titre-page {
            grid-column: 3/19;
        }
    
        .contenu {
            font-size: larger;
        }
        .contenu .cadeau{
            font-size: 44px;
        }
    
    .image img {
        width: 139px;
    }    
    .vidbg {
        margin-top: 194px;
        margin-left: 9%;
    }
    
    #bgvid {
        grid-column: 9/24;
        width: 83%;
    }
}














@media (max-width:671px)and (min-width:404px){
        /*video arriere plan*/
        .contenu-grand{
            display: none;
        }
        .contenu-small{
            display: block;
        }
        .fullservices {
            grid-template-columns: 30% 35% 35%;
            grid-template-rows: repeat(31,15px);
            width: 100%;
            min-height: 442px;
            /* margin: 190px 13%; */
            position: relative;
            display: grid;
            /* grid-gap: 5px; */
            background-color: rgb(75 235 235 / 40%);
            border-radius:  15px;
            justify-items: center;
            /* width: 100%; */
        }
        .titre-pagefs{
            /*grid-column: 1/4;*/
            font-size: 18px;
            min-height: 27px;
            padding: 6px 7px 0px 7px;
        }
    
        .imagefs {
            border-radius: 15px;
            min-width: 112px;
            max-width: 202px;
            min-height: 1px;
        }
        #image1fs {
            background-image: url(images/aide_course3.png);
            background-size: cover;
            background-position: center;
        }
        #image3fs {
            display: none;
        
        }
        #image4fs {
            display: none;
        }
        #brico {
            background-image: url(images/repar_electro1.png);
            grid-column: 2;
            grid-row: 17/27;
            background-size: cover;
        }
        #int{
            display: none;
        }
        
        
        #ext {   
            min-height: 39px;
           border-radius: 0 0 15px 15px;
           display: flex;
           /* position: relative; */
           /* text-align: center; */
           padding: 5px;
           background-color: #16abab;
           color: #f2ebeb;
           grid-row: 15/17;
           grid-column: 2/20;
           /* flex-direction: row; */
           justify-content: space-evenly;
           align-items: center;
           flex-wrap: wrap;
        
        }
         #intfs{
           display: none;
        }
        .vidbg {
            margin-top: 140px;
            width: 95%;
            margin-left: 7%;
        }
        #bgvid {
            grid-column: 7/25;
            width: 79%;
        }
        /*gestion des image*/
        .image{
            display: none;
           opacity: 47%;
        }
        .logo-gauche img{
            width: 100%;
        }
        header{
            height: 75px;
            grid-template-columns:92px auto ;
            grid-template-rows: 32px 21px 21px ;
            z-index: 1001;
        
        }
        header .titre-site {
            font-size: 14px;
    }
    header .sous-titre-site{
        font-size: x-small;
        letter-spacing: 3px;
    }
    header .slogan{
        grid-column: 2/6;
        font-size: 8px;
        letter-spacing: 10px;
    }
        header .logo-droite{
            display: none;
        }
              /*la barre de menu*/
        header nav.menu-principal{
            display: flex;
            grid-row: 3;
            grid-column: 1;
            flex-direction: column;
        }
        .menu{
            flex-direction: column;
        }
        .menu a{
            padding: 0.2rem;                 /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
            font-size: 12px;
        }
      main {
       /* grid-template-rows: repeat(45, 15px);*/
        min-height: 317px;
        margin: 93px 22% 2%;
        width: 72%;
        border-radius: 15px;
    }
    .titre-page {
        margin: 3px;
        grid-column: 1/21;
    }
    .titre-page-contact{
        width: 60%;
        margin: 3px;
        grid-column: 1/15;
    }
    .titre-page, .titre-page-contact p {
        min-height: 26px;
        background-color: chartreuse;
        border-radius: 15px;
        text-align: center;
        padding: 4px;
        font-family: 'Times New Roman', Times, serif;
        font-size: 15px;
        font-weight: bold;
        font-variant: small-caps;
        letter-spacing: 5px;
        color: #fff;
        text-shadow: 0.7px 0.7px 5px rgb(27, 35, 45), 4.2px 4.2px 5px rgb(27, 35, 45), 4.9px 4.9px 6px rgb(27, 35, 45), 5.6px 5.6px 5px rgb(27, 35, 45), 6.3px 6.3px 5px rgb(27, 35, 45);
    }
    .contenu{
        font-size: large;
        grid-row: 5/15;
    }
    .contenu-contact{
        align-items: flex-start;
    }
    .contenu p {
        font-size: 16px;
        margin: 0 3% 2%;
    }
.contenu li{
     margin-left: 16px;
}
    /*positionnement des photos decor*/
     /*colone gauche*/ 
.image img {
        width: 292px;
}
 /*colone droite*/
 #image1{
    display: none;
    grid-column: 6/17;
    grid-row: 2/4;
 }
 #image2{
    grid-column: 6/17;
    grid-row: 4/6}
 #image3{
    grid-column: 6/17;
    grid-row: 6/8;
 }
 #image4{
    display: none;
    grid-column: 6/17;
    grid-row: 8/10;
 }
 #image5{
    grid-column: 6/17;
    grid-row: 10/12;
 }
 #image6{
    grid-column: 6/17;
    grid-row: 12/14;
 }
 #image7{
    grid-column: 6/17;
    grid-row: 14/16;
 }
 #image8{
    grid-column: 6/17;
    grid-row: 16/18;
 }
 #image9{
    grid-column: 6/17;
     grid-row: 18/20;
  }
 #image11{
    grid-column: 6/17;
    grid-row: 20/22;
 }
 #image12{
    grid-column: 6/17;
    grid-row: 22/24;
 }






















      }
@media (max-width:403px){

 /*video arriere plan*/
 .vidbg {
    margin-top: 140px;
}
#bgvid {
    grid-column: 7/25;
    width: 100%;
}
/*gestion des image*/
.image{
    display: none;
   opacity: 47%;
}
.logo-gauche img{
    width: 100%;
}
header{
    height: 65px;
    grid-template-columns:88px 224px ;
    grid-template-rows: 25px 19px 7px;
    z-index: 1001;
}
header .titre-site {
    grid-column: 2;
    font-size: 8px;
}
header .sous-titre-site{
    grid-row: 2;
    grid-column: 2;
    font-size: x-small;
    letter-spacing: 3px;
}
header .slogan{
    grid-column: 2;
    font-size: 8px;
    letter-spacing: 10px;
}
header .logo-droite{
    display: none;
}
      /*la barre de menu*/
header nav.menu-principal{
    display: flex;
    grid-row: 3;
    grid-column: 1;
    flex-direction: column;
}
.menu{
    flex-direction: column;
}
.menu a{
    padding: 0.2rem;                 /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    font-size: 12px;
}
main {
   
    grid-template-rows: auto;
    margin: 86px 25% 100px 35%;
    width: 56%;
    border-radius: 15px;
    min-height: 0px;
}
#intfs{
    display: none;
}
.fullservices{
    grid-template-columns:12% 26% 12% 12% 26% 12% 12%;
    grid-template-rows: repeat(17,15px);
    min-height: 150px;
    background-color: transparent;
}
.titre-pagefs{
    margin: 0 20px;
    grid-column: 1/7;
    font-size: 13px;
    min-height: 25px;
    padding: 3px 5px 5px 3px;
}
.titre-page, .titre-page-contact{
margin: 3px;
grid-column: 1/21;
}
.titre-page, .titre-page-contact p {
min-height: 26px;
background-color: chartreuse;
border-radius: 15px;
text-align: center;
padding: 4px;
font-family: 'Times New Roman', Times, serif;
font-size: 15px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 5px;
color: #fff;
text-shadow: 0.7px 0.7px 5px rgb(27, 35, 45), 4.2px 4.2px 5px rgb(27, 35, 45), 4.9px 4.9px 6px rgb(27, 35, 45), 5.6px 5.6px 5px rgb(27, 35, 45), 6.3px 6.3px 5px rgb(27, 35, 45);
}
.contenu{
    grid-column: 4;
font-size: large;
text-align: left;
padding: 0;
}
.contenu p {
font-size: 16px;
margin: 0 3% 2%;

}
.contenu li{
margin-left: 16px;
font-size: large;
}
.contenu .cadeau{
    font-size: 28px;
}
/*positionnement des photos decor*/
/*colone gauche*/
.image img {
width: 292px;
}
#aide{
    grid-column: 1/4;
    grid-row: 5/10;
 }
 #brico{
    grid-column: 4/7;
    grid-row: 5/10;
 }
 #jardin{
    grid-column: 2/6;
    grid-row: 11/17;
 }
 #image1fs{
    display: none;
    grid-column: 1;
    grid-row: 6;
 }
 #image2fs{
    display: none;
    grid-column: 1;
    grid-row: 9;
 }
 #image3fs{
    display: none;
    grid-column: 1;
    grid-row: 12;
 }
 #image4fs{
    display: none;
    grid-column: 1;
    grid-row: 15;
 }
 .servicesfs{
    width: 95%;
 }
 .servicesfs img{
    width: 700%;
 }
/*colone droite*/
#image1{
display: none;
grid-column: 6/17;
grid-row: 2/4;
}
#image2{
grid-column: 6/17;
grid-row: 4/6}
#image3{
grid-column: 6/17;
grid-row: 6/8;
}
#image4{
display: none;
grid-column: 6/17;
grid-row: 8/10;
}
#image5{
grid-column: 6/17;
grid-row: 10/12;
}
#image6{
grid-column: 6/17;
grid-row: 12/14;
}
#image7{
grid-column: 6/17;
grid-row: 14/16;
}
#image8{
grid-column: 6/17;
grid-row: 16/18;
}
#image9{
grid-column: 6/17;
grid-row: 18/20;
}
#image11{
grid-column: 6/17;
grid-row: 20/22;
}
#image12{
grid-column: 6/17;
grid-row: 22/24;
}
#ext {
    /*max-width: 315px;*/
    /* margin-top: 32px; */
    /* font-size: small; */
    min-height: 94px;
    border-radius: 0 0 15px 15px;
    display: flex;
    /* display: block; */
    /* position: relative; */
    /* text-align: center; */
    /* padding: 5px; */
    background-color: #16abab;
    color: #f2ebeb;
    grid-row: 15/17;
    /* grid-column: 2/20; */
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
 #int{
   display: none;
}
.servicesfs .hover{
    opacity: 1;
}
.servicesfs .text{
    font-size: 21px;
}
}