body{
    background-repeat: no-repeat;
    background-image: url(..//imagens/newfundo2.jpg);}

        /*DIV HEADER*/
   span {
       font-weight: bold;
       font-size: 175%;
       font-family: "Oswald", sans-serif;
  	   letter-spacing: 0;
  	   padding: .25em 0 .325em;
       display: block;
       margin: 0 auto;
       text-shadow: 0 0 80px;

/* Clip Background Image */

      background-image: url(..//imagens/efeito2.png);
	  -webkit-background-clip: text;
	  background-clip: text;

/* Animate Background Image */
     -webkit-text-fill-color: transparent;
     -webkit-animation: aitf 80s linear infinite;

/* Activate hardware acceleration for smoother animations */
     -webkit-transform: translate3d(2,2,2);
     -webkit-backface-visibility: hidden;}

/* Animate Background Image */
    @-webkit-keyframes aitf {
	  0% { background-position: 0% 50%; }
	  100% { background-position: 100% 50%; }
}


     .quem{
        margin-top: 10%;
        text-align: center;
        border: 2px solid black;
        margin: 1.3em auto;
        width: 70%;
        border-radius: 10px;
        background-color: transparent;
        box-shadow: 2px 2px 10px black;
        font-size: 18px;}

     .semp{color:black;}
 
    /* DIV TODA   */
    .quemsomos2{
        margin-top: 12%;
        justify-content: center;
        text-align: center;
        width:120%;
        height: 120%;}
    /* DIV TODA   */

    .eddy{
        border: 2px solid black;
        border-radius: 5%;
        width: 90%;
        height: 40%;
        margin: 5%;
        background-image: url(..//imagens/car1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.edinaldo{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .ped{
        border: 2px solid black;
        border-radius: 5%;
        width: 90%;
        height: 40%;
        margin: 5%;
        background-image: url(..//imagens/car3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

     img.pedro{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .thi{
        border: 2px solid black;
        border-radius: 5%;
        width: 90%;
        height: 40%;
        margin: 5%;
        background-image: url(..//imagens/car2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.thiago{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}
    /*  TEXTO  */
    
.texto1{
         font-weight: bold;
         font-size: 21px;
         color: yellow;}

    p1{ font-family: cursive;
        color: white;
        font-size: 17px;
        text-align: center;}

    p2{ color: white;
        font-size: 25px;
        text-align: center;}

    p3{ color: white;
        font-size: 20px;
        text-align: center;}


   

    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
    
   

@media only screen and (min-width: 900px){
    .col-md-1{width: 8.33%}
    .col-md-2{width: 16.66%}
    .col-md-3{width: 25%}
    .col-md-4{width: 33.33%}
    .col-md-5{width: 41.66%}
    .col-md-6{width: 50%}
    .col-md-7{width: 58.33%}
    .col-md-8{width: 66.66%}
    .col-md-9{width: 75%}
    .col-md-10{width: 83.33%}
    .col-md-11{width: 91.66%}
    .col-md-12{width: 100%}

    .quemsomos2{
        margin-top: 15%;
        display: flex;
        width:100%;
        height: auto;}

    .quem{
        margin-top: 10%;
        text-align: center;
        border: 2px solid black;
        width: 70%;
        border-radius: 10px;
        background-color: transparent;
        box-shadow: 2px 2px 10px black;
        font-size: 23px;}
    
    .eddy{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height: 400px;
        margin: 5%;
        background-image: url(..//imagens/car1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.edinaldo{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .ped{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height: 400px;
        margin: 5%;
        background-image: url(..//imagens/car3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

     img.pedro{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .thi{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height:400px;
        margin: 5%;
        background-image: url(..//imagens/car2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.thiago{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}
       /*  TEXTO  */
    
}

@media only screen and (min-width: 1024px){
    .col-lg-1{width: 8.33%}
    .col-lg-2{width: 16.66%}
    .col-lg-3{width: 25%}
    .col-lg-4{width: 33.33%}
    .col-lg-5{width: 41.66%}
    .col-lg-6{width: 50%}
    .col-lg-7{width: 58.33%}
    .col-lg-8{width: 66.66%}
    .col-lg-9{width: 75%}
    .col-lg-10{width: 83.33%}
    .col-lg-11{width: 91.66%}
    .col-lg-12{width: 100%}
    
   
    .quem{
        margin-top: 8%;
        text-align: center;
        border: 2px solid black;
        width: 70%;
        border-radius: 10px;
        background-color: transparent;
        box-shadow: 2px 2px 10px black;
        font-size: 23px;}
    
     /* DIV TODA   */
    .quemsomos2{
        margin-top: 10%;
        justify-content: center;
        text-align: center;
        width:120%;
        height: 120%;}
    /* DIV TODA   */

    .eddy{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height: 400px;
        margin: 5%;
        background-image: url(..//imagens/car1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.edinaldo{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .ped{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height: 400px;
        margin: 5%;
        background-image: url(..//imagens/car3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

     img.pedro{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}

    .thi{
        border: 2px solid black;
        border-radius: 5%;
        width: 380px;
        height:400px;
        margin: 5%;
        background-image: url(..//imagens/car2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 15px 15px 6px silver;
        text-align: center;}

    img.thiago{
        margin-top: 5%;
        float: 50%;
        width: 100px;
        height: 100px;
        border-radius: 20%;}
    /*  TEXTO  */
    
    .texto1{
        margin-top: 15%;
         font-weight: bold;
         font-size: 21px;
         color: yellow;}

    p1{ font-family: cursive;
        color: white;
        font-size: 14px;
        text-align: center;}

    p2{ color: white;
        font-size: 25px;
        text-align: center;}

    p3{ color: white;
        font-size: 20px;
        text-align: center;}

}