/*
* ==========================================================
*       MAIN FOOTER
* ==========================================================
*/
footer.main-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #222;
  padding: 10px 0;
}

footer.main-footer p {
  font-size: 0.7em;
  color: #777;
  margin: 0;
}

/* MAIN FOOTER MEDIAQUERIES ------------------------- */
@media (max-width: 575px) {
  footer.main-footer div[class*="col-"] {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  footer.main-footer p {
    font-size: 0.9em;
  }
}





body {
    
    background:#EFEFEF  !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }

nav{
    opacity: 0.8;
}
h5{
    font-size: 18px;
    color: white;
}

nav li{

    margin: 0px 50px 0px 0px;  
      
}

/* decoration item navbar */

nav li h5:hover{

  color: aqua;
text-decoration: underline aqua;
      
}

/* sliders decoration */ 

.carousel-inner {
    height: 93%;
    width: 100%;
    border-radius: 0 0 0 95% ;
}

.carousel-inner .carousel-item img {
    height: 100%;
}

/* decoration logo */



#logo-agence{
    margin-top: 1%;
    margin-left: 9%; 
    background-color: rgba(0, 0, 255, 0);
  /*background: #EFEFEF; */ /*background: red;*/
  height: 70%;
  -webkit-animation: rotation 3s infinite linear;
}

@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotateY(0deg);
  }
  to {
      -webkit-transform: rotateY(-360deg);
  }
}

/* decoration name of agence */

#container-titre{
    margin-left: 0%;
    margin-top: -16%;
    padding-top: 0%;
    height: 26%;
    width: 100%;
  /*  background: blue;*/
}

.row{
   height: 100%;
 /*  background: red;*/
}

.section-headline h2{
  /* vertical-align: inherit;*/
   font-weight: bold;
}

#titre {
    margin-top: 4%;
    margin-left: 7%;
    font-family: verdana;
    font-size: 2em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}






 /* index.html */






 

#container-img-MAJ{
   
    margin-top: 8%;
     height: 22%;
    width: 100%;
}


#logo-agence-MAJ{
    margin-top: 2%;
    margin-left: 45%; 
  background: #EFEFEF; /* background: red;*/
  height: 70%;
  -webkit-animation: rotation 3s infinite linear;
}

@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotateY(0deg);
  }
  to {
      -webkit-transform: rotateY(-360deg);
  }
}


#container-title-MAJ{
   
    margin-top: 1%;
     height: 18%;
    width: 100%;
}


#titre-MAJ {
    margin-top: 0%;
    margin-left: 6%;
    font-family: verdana;
    font-weight: bold;
    font-size: 3em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}


#container-update{
   
    margin-top: 1%;
     height: 15%;
    width: 100%;
}

#update{
     margin-top: 0%;
    margin-left: 17%;
    font-family: verdana;
    font-weight: bold;
    font-size: 4em; /*2vw*/
    color: black;
    
}



#container-logo-update{
   
    margin-top: 1%;
     height: 18%;
    width: 100%;
}

#logo-update{
     font-size: 7em;
    margin-left: 45%
    
}







/* effect title */


#titre {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}


.bioclimatic-word{
    margin-right: 10%;
}

.abreviation{
    color: red;
}





/* decoration text scroll */


#text-defiler{
    font-size: 15px;
    direction:ltr;
    width: 100%;
    margin-top: 1%;
    /*background: aqua;*/
}

#text-defiler-MAJ{
    font-size: 12px;
    direction:ltr;
    width: 100%;
    margin-top: 1%;
    /*background: aqua;*/
}


.fa-phone-square, .fa-envelope, .fa-facebook-square, .fa-instagram, .fa-linkedin-square, .fa-viadeo-square{
   font-size: larger;
   /* color: white;*/
}











/* About.php */




/* decoration slider */

#carousel-inner-about-us{
    
    height: 50%;
    width: 100%;
    border-radius: 0 0 0 0;
    
}


/* decoration position Bar */


.breadcumb-wrapper {
   /* height: 3%;*/
    background: #F5F5F5;
    border-bottom: 1px solid #e6e8e9;
    padding-top: 1%;
    padding-bottom: 1%;
}

.clearfix {
    clear: both;
}

.breadcumb, .li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcumb-wrapper ul.breadcumb .li {
    display: inline-block;
    margin-right: 6px;
}

.breadcumb-wrapper ul.breadcumb .li a {
    display: inline-block;
    color: #20bcd4;
    font-weight:bold;
    display: block;
}

.breadcumb-wrapper ul.breadcumb .li a:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #909aa2;
    font-size: 13px;
    margin-left: 13px;

}


.breadcumb-wrapper ul.breadcumb .li span {
    color: #909aa2;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

 /* decoration description section */


.tabs{
 /* background:red;*/
  padding-top:2%;
  width: 100%;
  height: 40%;
}

.tabs .tab-pane{
  margin-left:10%;
}

.tabs .titre-tab{
  width: 100%;
  font-size:26px;
  font-weight: bold;
  margin-top:1%;
  margin-bottom:5%;
  font-family: inherit;
 /* background: pink;   */
}

.tabs p{
  font-size:14px;
}

.tabs a{
/*  color:blue;*/
  display: block;
 /* background: green;  */
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.tabs a h3{
  font-family: fantasy;
  font-size: 22px;
  padding: 8%;
  font-weight:bold;
  color:black;
  margin: 0%;
  height: 100%;
   /* background: green;*/
 
}


.tabs li{
 /* background:aqua;*/
  margin-top: 5%;
  margin-right: 5%;
  margin-bottom: 5%;
  text-align:center;
  transition: all .3s ease;
  height:100%;
  width:100%;
  margin-left: 0%
/*  padding-top:5%;*/
  -webkit-border-radius:3px;
  border-radius:10px;
  border: 2px solid;
  border-color: gray;
}

.tabs li:hover{
  background-color:#2FAEB9; 
    border-left: 6px solid #FBB13C;
 
}

.tabs li a h3:hover{
  color: white; 
 
}

.tabs li.active a h3{
  background-color:#2FAEB9;
    color: white;
   border-radius:5px;
}



.tabs li.active{
   border-left: 6px solid #FBB13C;
    border-bottom: 0px solid;
    border-top: 0px solid;
    border-right: 0px solid;
}


#tab_a{
  -webkit-animation: text-focus-in 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


#tab_b{
  -webkit-animation: text-focus-in 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
















/* projects.php */




/* decoration slider */

#carousel-inner-projects{
    
    height: 50%;
    width: 100%;
    border-radius: 0 0 0 0;
    
}

/* decoration projects cards */ 
#container-tab-projects{

    height: 100%;
}

#line-projects{

    height: 100%;
    
}

.card-deck-wrapper{

    height: 100%;
    width: 100%;
}

.card-deck{
    width: 100%;
    
}

#card-back{
   
   margin: 2%;
}



/* card animation */ 

.focus-in-expand-fwd {
	-webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}



/* decoration card */
.card-text{
    
    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}



/* Decoration modal */

.modal-title{
    color: black;
    font-weight: bold;
}

.album{
    font-weight: bold;
}

#container-body-modals-img{
    background: pink;
    padding: 0% 0% 0% 0%;
}

.img-body-modals{
    width: 100%;
    height: auto;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}








/* team.php */

/* animation card */

.tracking-in-expand-fwd-bottom {
	-webkit-animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}








/* contact.php */

#container-contact{
  /*   background: pink; */
    height:auto;
    
}
#colmd6-formulaire{
   /* background: red; */
    height: 100%;
}

#colmd6-map{
    /* background: green; */
    height: 100%;
}

.contact-us-fieldset{

  /*  background: aqua; */
    border-width: 0px;
    border-color: black;
    margin-top: 10%;
    
}

legend{
    
    padding: 1%;
}

label h3{
    font-size: 14px;
    font-weight: bold;
}

#btn-send-message{
    
    width: 100%;
    background: #f68c40; 
    border-color: #f68c40;
    color: white;
    border-width: 2px;
    font-weight: bold;
    font-size: auto;

}


#btn-send-message:hover{
    
    background: Transparent; 
    color: #f68c40;
    border-width: 2px;
    font-weight: bold;
    font-size: auto;
}



iframe{
    
    width: 100%;
    height: 60%;
    margin-top: 14%;
}


.alert{
    width: 100%;
}


#div-adress{
  
    margin-top: 3%;
    
}

.span-adress{
  font-size: 14px;
}

.fa-viadeo-square{
    color: blue;
}









































































/* media screen */

@media screen and (max-width: 319px) {  /* Generic - WQVGA */
    #titre {
    margin-top: 4%;
    margin-left: 0%;
    font-family: verdana;
    font-size: 0.7em; /*2vw*/
 /*   color: pink;*/
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
#logo-agence{
    margin-top: 1%;
  margin-left: 15%;    
  height: 50%;
    background-color: rgba(0, 0, 255, 0);
}
    
    
#container-img-MAJ{
    
    margin-top: 53%;
     height: 18%;
    width: 100%;
}


#logo-agence-MAJ{
    margin-top: 2%;
    margin-left: 40%; 
  background: #EFEFEF; /* background: red;*/
  height: 70%;

}
    
    
#container-title-MAJ{
   
    margin-top: 1%;
     height: 14%;
    width: 100%;
}


#titre-MAJ {
    margin-top: 0%;
    margin-left: 6%;
    font-family: verdana;
    font-weight: bold;
    font-size: 1em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}

  
#container-update{
    
    margin-top: 1%;
     height: 15%;
    width: 100%;
}

#update{
     margin-top: 0%;
    margin-left: 15%;
    font-family: verdana;
    font-weight: bold;
    font-size: 1.4em; /*2vw*/
    color: black;
    
}
    
    

#container-logo-update{
    
    margin-top: 1%;
     height: 18%;
    width: 100%;
}

#logo-update{
     font-size: 4em;
    margin-left: 45%
    
}
    
    
.bioclimatic-word{
    margin-right: 30%;
}

#text-defiler{

    font-size: 9px;
}
    
#text-defiler-MAJ{
    margin-top: 6%;
    font-size: 9px;
}    
    
    
/* decoration projects cards */ 

.card-deck{
    width: 100%;
   
    
    
}

#card-back{
   
  margin: 2%;
}



    
}


@media screen and (min-width: 320px) and (max-width: 640px) { /* nexsus 4 , galaxy , iphone 3/4/5 */
   #titre {
    margin-top: 7%;
    margin-left: 0%;
    font-family: verdana;
    font-size: 1em; /*2vw*/
   /* color: red;*/
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
    
#logo-agence{
    margin-top: 1%;
  margin-left: 15%;    
  height: 60%;
    background-color: rgba(0, 0, 255, 0);
}
    
    
#container-img-MAJ{
    
    margin-top: 25%;
     height: 22%;
    width: 100%;
}


#logo-agence-MAJ{
    margin-top: 2%;
    margin-left: 38%; 
  background: #EFEFEF; /* background: red;*/
  height: 70%;

}
    
#container-title-MAJ{
   
    margin-top: 1%;
     height: 18%;
    width: 100%;
}


#titre-MAJ {
    margin-top: 0%;
    margin-left: 7%;
    font-family: verdana;
    font-weight: bold;
    font-size: 1.5em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
    
#container-update{
   
    margin-top: 1%;
     height: 15%;
    width: 100%;
}

#update{
     margin-top: 0%;
    margin-left: 15%;
    font-family: verdana;
    font-weight: bold;
    font-size: 2em; /*2vw*/
    color: black;
    
}
    
    

#container-logo-update{
    margin-top: 5%;
     height: 18%;
    width: 100%;
}

#logo-update{
     font-size: 5em;
    margin-left: 45%
    
}

    
    
.bioclimatic-word{
    margin-right: 18%;
}

#text-defiler{

    font-size: 10px;
}
    
#text-defiler-MAJ{
    margin-top: 4%;
    font-size: 10px;
}    
    
    
/* decoration projects cards */ 

.card-deck{
    width: 100%;
   
    
    
}

#card-back{
  
  margin: 2%;
}



}


@media screen and (min-width: 641px) and (max-width: 799px) { /* ipad , ipad 3 */
   #titre {
    margin-top: 4%;
    margin-left: 0%;
    font-family: verdana;
    font-size: 1.5em; /*2vw*/
    /*color: navy;*/
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
#logo-agence{
  margin-top: 1%;
  margin-left: 15%;    
  height: 63%;
background-color: rgba(0, 0, 255, 0);
}
 
    
#container-img-MAJ{
   
    margin-top: 10%;
     height: 22%;
    width: 100%;
}


#logo-agence-MAJ{
    margin-top: 3%;
    margin-left: 40%; 
  background: #EFEFEF; /* background: red;*/
  height: 70%;

}
    
    
#container-title-MAJ{
  
    margin-top: 1%;
     height: 12%;
    width: 100%;
}


#titre-MAJ {
    margin-top: 2%;
    margin-left: 7%;
    font-family: verdana;
    font-weight: bold;
    font-size: 1.7em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
    
#container-update{
  
    margin-top: 3%;
     height: 10%;
    width: 100%;
}

#update{
     margin-top: 0%;
    margin-left: 12%;
    font-family: verdana;
    font-weight: bold;
    font-size: 3em; /*2vw*/
    color: black;
    
}
    
    

#container-logo-update{
  
    margin-top: 5%;
     height: 18%;
    width: 100%;
}

#logo-update{
     font-size: 7em;
    margin-left: 45%
    
}

    
    

#text-defiler{
    font-size: 11px;
}

#text-defiler-MAJ{
    margin-top: 28%;
    font-size: 11px;
}
    
    
    
/* decoration projects cards */ 

.card-deck{
    width: 100%;
    
}

#card-back{
  
  margin: 2% 1% 2% 2.5%;
}



    
}


@media screen and (min-width: 800px) and (max-width: 1280px) {  /* tablet */
   #titre {
    margin-top: 4%;
    margin-left: 0%;
    font-family: verdana;
    font-size: 1.7em; /*2vw*/
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    

    
#logo-agence{
  margin-top: 1%;
  margin-left: 5%;    
  height: 65%;
    background-color: rgba(0, 0, 255, 0);
}
    
#container-img-MAJ{
    
    margin-top: 10%;
     height: 22%;
    width: 100%;
}


#logo-agence-MAJ{
    margin-top: 2%;
    margin-left: 43%; 
  background: #EFEFEF; /* background: red;*/
  height: 70%;

}
    
    
#container-title-MAJ{
   
    margin-top: 1%;
     height: 15%;
    width: 100%;
}


#titre-MAJ {
    margin-top: 0%;
    margin-left: 5%;
    font-family: verdana;
    font-weight: bold;
    font-size: 3em; /*2vw*/
    color: black;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}
    
    
    
#container-update{
  
    margin-top: 1%;
     height: 15%;
    width: 100%;
}

#update{
     margin-top: 0%;
    margin-left: 15%;
    font-family: verdana;
    font-weight: bold;
    font-size: 3.2em; /*2vw*/
    color: black;
    
}

    
    

#container-logo-update{
    
    margin-top: 4%;
     height: 18%;
    width: 100%;
}

#logo-update{
     font-size: 7em;
    margin-left: 45%
    
}
 

#text-defiler{
   /* margin-top: 10%;*/
    font-size: 12px;
}
    
    


    
    
    
    
/* decoration projects cards */ 
    
.card-deck{
    width: 100%;
    
}

#card-back{
  
  margin: 2%;
}



}