.firsview {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
 
}

.Sol-tit {
    background: url(../images/proyectos/Solaz/proy1.jpg) 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.Tam-tit {
    background: url(../images/proyectos/Tamarindo/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Con-tit {
    background: url(../images/proyectos/Condesa/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Dow-tit {
    background: url(../images/proyectos/Downtown/proy1.jpeg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Cir-tit {
    background: url(../images/proyectos/Circulo-mexicano/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Dis-tit {
    background: url(../images/proyectos/Distrito-capital/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Cas-tit {
    background: url(../images/proyectos/Casa-Habita/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Hab-tit {
    background: url(../images/proyectos/Habita-Monterrey/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Esc-tit {
    background: url(../images/proyectos/Escondido-Oaxaca/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Mon-tit {
    background: url(../images/proyectos/Montage/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Las-tit {
    background: url(../images/proyectos/Las-Lomas/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
}

.Cha-tit {
    background: url(../images/proyectos/Chapultepec-Uno/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Bar-tit {
    background: url(../images/proyectos/Barcelo/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
}

.Chi-tit {
    background: url(../images/proyectos/Chileno-Bay/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}

.Pie-tit {
    background: url(../images/proyectos/Pier57/proy1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}
.Ale-pue{
   background: url(../images/proyectos/Alede-Puerta/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat; 
}
.Leg-tow{
    background: url(../images/proyectos/Legacy-Tower/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat; 
}
.Cor-nac{
        background: url(../images/proyectos/Corporativo-naciones/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat; 
}
.Core31{
    background: url(../images/proyectos/Core-31/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat; 
}
.Tulum{
     background: url(../images/proyectos/Tulum-777/1.png) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}
.Hab-bac{
    background: url(../images/proyectos/Habitas-Bacalar/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}
.Hab-alu{
    background: url(../images/proyectos/Habitas-AlUla/1.jpg) 50% 50%;
    background-size: cover;
       background-attachment: fixed;
    background-repeat: no-repeat;
}
h1.tit-proy {
    margin: 0;
    color: white;
    font-weight: 500;
    font-size: 2.5em;
}

aside.info-proy {
    float: left;
    
    margin: 0 5.4%;
    padding: 10% 5.4%;
    font-size: 0.8em;
    margin-bottom: 15%;
    background: rgb(255,255,255);
    background: linear-gradient(132deg, rgb(253, 253, 253) 0%, rgb(237, 240, 241) 100%);
    border-radius: 10px;
    color: #333333;
}

.topic {
    float: left;
    width: 100%;
    margin-bottom: 10%;
}

.topic h3 {
    margin: 0;
    font-weight: 500;
}



.topic:last-child {
    margin: 0;
}

.logo-marca {
    position: absolute;
    bottom: 0%;
    background: #0000007a;
    float: left;
    width: 89%;
    padding: 15% 5.4% 15% 5.4%;
}

.logo-marca img {
    float: left;
    width: 70%;
    margin: 0% 15%;
    filter: brightness(50);
}

.proy-info {
    margin: 13% 0% 0% 0%;
}

.proy-info p {
    float: left;
    width: 89%;
    padding: 0% 5.4%;
    margin-bottom: 15%;
    font-weight: 300;
}

.topic p {
    margin: 2% 0% 0% 0%;
    padding: 0;
}

.topic:nth-child(1) h3 {
    text-transform: lowercase;
}

.topic h3:first-letter {
    text-transform: uppercase;
}



.proy-info p a {
  
    font-weight: 500;
    text-decoration: underline;
    display:inline;
}
.links p a{
   
   display:inline;
}

.topic p a {
    float: none;
    margin: auto;
    font-weight: 300;
}

.botones-marca {
    float: left;
    width: 89%;
    margin: 0% 5.4%;
}

.botones-marca a.fill-btn {
    width: 95%;
    margin-bottom: 5%;
}

.botones-marca .outline-btn {
    float: left;
    width: 95%;
    text-align: center;
    padding: 2.5%;
}



button.fancybox-button.fancybox-button--close {
    float: none;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    left: 40%;
}

button.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

.fancybox-infobar {
    display: none;
}

.fancybox-toolbar {
    top: 85% !important;
    width: 100%;
}

button.fancybox-button.fancybox-button--play {
    display: none;
}

.fancybox-slide.fancybox-slide--image.fancybox-slide--current.fancybox-slide--complete {
    height: 100%;
    padding: 0%;
}

.fancybox-navigation {
display: none;
}


#Sol1 {
    background: url(../images/proyectos/Solaz/proy1.jpg);
    background-size: cover;
}

#Sol2 {
    background: url(../images/proyectos/Solaz/proy2.jpg);
    background-size: cover;
}

#Sol3 {
    background: url(../images/proyectos/Solaz/proy3.jpg);
    background-size: cover;
}

#Sol4 {
    background: url(../images/proyectos/Solaz/proy4.jpg);
    background-size: cover;
}

#Sol5 {
    background: url(../images/proyectos/Solaz/proy5.jpg);
    background-size: cover;
}

#Sol6 {
    background: url(../images/proyectos/Solaz/proy6.jpg);
    background-size: cover;
}

#Tam1 {
    background: url(../images/proyectos/Tamarindo/1.jpg);
    background-size: cover;
}

#Tam2 {
    background: url(../images/proyectos/Tamarindo/four_seasons_2.jpg);
    background-size: cover;
}

#Tam3 {
    background: url(../images/proyectos/Tamarindo/four_seasons_3.jpg);
    background-size: cover;
}

#Tam4 {
    background: url(../images/proyectos/Tamarindo/four_seasons_4.jpg);
    background-size: cover;
}

#Tam5 {
    background: url(../images/proyectos/Tamarindo/four_seasons_5.jpg);
    background-size: cover;
}




#Con1 {
    background: url(../images/proyectos/Condesa/proy1.jpg);
    background-size: cover;
}

#Con2 {
    background: url(../images/proyectos/Condesa/proy2.jpg);
    background-size: cover;
}

#Con3 {
    background: url(../images/proyectos/Condesa/proy3.jpg);
    background-size: cover;
}

#Con4 {
    background: url(../images/proyectos/Condesa/proy4.jpg);
    background-size: cover;
}

#Con5 {
    background: url(../images/proyectos/Condesa/proy5.jpg);
    background-size: cover;
}

#Con6 {
    background: url(../images/proyectos/Condesa/proy6.jpg);
    background-size: cover;
}

#Dow1 {
    background: url(../images/proyectos/Downtown/proy1.jpeg);
    background-size: cover;
}

#Dow2 {
    background: url(../images/proyectos/Downtown/proy2.jpg);
    background-size: cover;
}

#Dow3 {
    background: url(../images/proyectos/Downtown/proy3.jpg);
    background-size: cover;
}

#Dow4 {
    background: url(../images/proyectos/Downtown/proy4.jpg);
    background-size: cover;
}

#Dow5 {
    background: url(../images/proyectos/Downtown/proy5.jpg);
    background-size: cover;
}

#Dow6 {
    background: url(../images/proyectos/Downtown/proy6.jpg);
    background-size: cover;
}

#Cir1 {
    background: url(../images/proyectos/Circulo-mexicano/proy1.jpg);
    background-size: cover;
}

#Cir2 {
    background: url(../images/proyectos/Circulo-mexicano/proy2.jpg);
    background-size: cover;
}

#Cir3 {
    background: url(../images/proyectos/Circulo-mexicano/proy3.jpg);
    background-size: cover;
}

#Cir4 {
    background: url(../images/proyectos/Circulo-mexicano/proy4.jpg);
    background-size: cover;
}

#Cir5 {
    background: url(../images/proyectos/Circulo-mexicano/proy5.jpg);
    background-size: cover;
}

#Cir6 {
    background: url(../images/proyectos/Circulo-mexicano/proy6.jpg);
    background-size: cover;
}

#Dis1 {
    background: url(../images/proyectos/Distrito-capital/proy1.jpg);
    background-size: cover;
}

#Dis2 {
    background: url(../images/proyectos/Distrito-capital/proy2.jpg);
    background-size: cover;
}

#Dis3 {
    background: url(../images/proyectos/Distrito-capital/proy3.jpg);
    background-size: cover;
}

#Dis4 {
    background: url(../images/proyectos/Distrito-capital/proy4.jpg);
    background-size: cover;
}

#Dis5 {
    background: url(../images/proyectos/Distrito-capital/proy5.jpg);
    background-size: cover;
}

#Dis6 {
    background: url(../images/proyectos/Distrito-capital/proy6.jpg);
    background-size: cover;
}

#Cas1 {
    background: url(../images/proyectos/Casa-Habita/proy1.jpg);
    background-size: cover;
}

#Cas2 {
    background: url(../images/proyectos/Casa-Habita/proy2.jpg);
    background-size: cover;
}

#Cas3 {
    background: url(../images/proyectos/Casa-Habita/proy3.jpg);
    background-size: cover;
}

#Cas4 {
    background: url(../images/proyectos/Casa-Habita/proy4.jpg);
    background-size: cover;
}

#Cas5 {
    background: url(../images/proyectos/Casa-Habita/proy5.jpg);
    background-size: cover;
}

#Cas6 {
    background: url(../images/proyectos/Casa-Habita/proy6.jpg);
    background-size: cover;
}

#Hab1 {
    background: url(../images/proyectos/Habita-Monterrey/proy1.jpg);
    background-size: cover;
}

#Hab2 {
    background: url(../images/proyectos/Habita-Monterrey/proy2.jpg);
    background-size: cover;
}

#Hab3 {
    background: url(../images/proyectos/Habita-Monterrey/proy3.jpg);
    background-size: cover;
}

#Hab4 {
    background: url(../images/proyectos/Habita-Monterrey/proy4.jpg);
    background-size: cover;
}

#Hab5 {
    background: url(../images/proyectos/Habita-Monterrey/proy5.jpg);
    background-size: cover;
}

#Hab6 {
    background: url(../images/proyectos/Habita-Monterrey/proy6.jpg);
    background-size: cover;
}

#Esc1 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy1.jpg);
    background-size: cover;
}

#Esc2 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy2.png);
    background-size: cover;
}

#Esc3 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy3.png);
    background-size: cover;
}

#Esc4 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy4.png);
    background-size: cover;
}

#Esc5 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy5.png);
    background-size: cover;
}

#Esc6 {
    background: url(../images/proyectos/Escondido-Oaxaca/proy6.jpg);
    background-size: cover;
}

#Mon1 {
    background: url(../images/proyectos/Montage/proy1.jpg);
    background-size: cover;
}

#Mon2 {
    background: url(../images/proyectos/Montage/proy2.jpg);
    background-size: cover;
}

#Mon3 {
    background: url(../images/proyectos/Montage/proy3.jpg);
    background-size: cover;
}

#Mon4 {
    background: url(../images/proyectos/Montage/proy4.jpg);
    background-size: cover;
}

#Mon5 {
    background: url(../images/proyectos/Montage/proy5.jpg);
    background-size: cover;
}

#Mon6 {
    background: url(../images/proyectos/Montage/proy6.jpg);
    background-size: cover;
}

#Las1 {
    background: url(../images/proyectos/Las-Lomas/proy1.jpg);
    background-size: cover;
}

#Las2 {
    background: url(../images/proyectos/Las-Lomas/proy2.jpg);
    background-size: cover;
}

#Las3 {
    background: url(../images/proyectos/Las-Lomas/proy3.jpg);
    background-size: cover;
}

#Las4 {
    background: url(../images/proyectos/Las-Lomas/proy4.jpg);
    background-size: cover;
}

#Las5 {
    background: url(../images/proyectos/Las-Lomas/proy5.jpg);
    background-size: cover;
}

#Las6 {
    background: url(../images/proyectos/Las-Lomas/proy6.jpg);
    background-size: cover;
}

#Cha1 {
    background: url(../images/proyectos/Chapultepec-Uno/proy1.jpg);
    background-size: cover;
}

#Cha2 {
    background: url(../images/proyectos/Chapultepec-Uno/proy2.jpg);
    background-size: cover;
}

#Cha3 {
    background: url(../images/proyectos/Chapultepec-Uno/proy3.jpg);
    background-size: cover;
}

#Cha4 {
    background: url(../images/proyectos/Chapultepec-Uno/proy4.jpg);
    background-size: cover;
}

#Cha5 {
    background: url(../images/proyectos/Chapultepec-Uno/proy5.jpg);
    background-size: cover;
}

#Cha6 {
    background: url(../images/proyectos/Chapultepec-Uno/proy6.jpg);
    background-size: cover;
}

#Bar1 {
    background: url(../images/proyectos/Barcelo/proy1.jpg);
    background-size: cover;
}

#Bar2 {
    background: url(../images/proyectos/Barcelo/proy2.jpg);
    background-size: cover;
}

#Bar3 {
    background: url(../images/proyectos/Barcelo/proy3.jpg);
    background-size: cover;
}

#Bar4 {
    background: url(../images/proyectos/Barcelo/proy4.jpg);
    background-size: cover;
}

#Bar5 {
    background: url(../images/proyectos/Barcelo/proy5.jpg);
    background-size: cover;
}

#Bar6 {
    background: url(../images/proyectos/Barcelo/proy6.jpg);
    background-size: cover;
}

#Chi1 {
    background: url(../images/proyectos/Chileno-Bay/proy1.jpg);
    background-size: cover;
}

#Chi2 {
    background: url(../images/proyectos/Chileno-Bay/proy2.jpg);
    background-size: cover;
}

#Chi3 {
    background: url(../images/proyectos/Chileno-Bay/proy3.jpg);
    background-size: cover;
}

#Chi4 {
    background: url(../images/proyectos/Chileno-Bay/proy4.jpg);
    background-size: cover;
}

#Chi5 {
    background: url(../images/proyectos/Chileno-Bay/proy5.jpg);
    background-size: cover;
}

#Chi6 {
    background: url(../images/proyectos/Chileno-Bay/proy6.jpg);
    background-size: cover;
}

#Pie1 {
    background: url(../images/proyectos/Pier57/proy1.jpg);
    background-size: cover;
}

#Pie2 {
    background: url(../images/proyectos/Pier57/proy2.jpg);
    background-size: cover;
}

#Pie3 {
    background: url(../images/proyectos/Pier57/proy3.jpg);
    background-size: cover;
}

#Pie4 {
    background: url(../images/proyectos/Pier57/proy4.jpg);
    background-size: cover;
}

#Pie5 {
    background: url(../images/proyectos/Pier57/proy5.jpg);
    background-size: cover;
}

#Pie6 {
    background: url(../images/proyectos/Pier57/proy6.jpg);
    background-size: cover;
}
#Ale1{
    background: url(../images/proyectos/Alede-Puerta/ProductoGermanConcept_14.png);
    background-size: cover;
}
#Ale2{
    background: url(../images/proyectos/Alede-Puerta/ProductoGermanConcept_15.png);
    background-size: cover;
}
#Ale3{
    background: url(../images/proyectos/Alede-Puerta/ProductoGermanConcept_16.png);
    background-size: cover;
}
#Ale4{
    background: url(../images/proyectos/Alede-Puerta/ProductoGermanConcept_17.png);
    background-size: cover;
}
#Ale5{
    background: url(../images/proyectos/Alede-Puerta/ProductoGermanConcept_18.png);
    background-size: cover;
}

#Leg1{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_01.png);
    background-size: cover;
}
#Leg2{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_02.png);
    background-size: cover;
}
#Leg3{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_03.png);
    background-size: cover;
}
#Leg4{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_04.png);
    background-size: cover;
}
#Leg5{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_05.png);
    background-size: cover;
}
#Leg6{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_06.png);
    background-size: cover;
}
#Leg7{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_07.png);
    background-size: cover;
}
#Leg8{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_08.png);
    background-size: cover;
}
#Leg9{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_09.png);
    background-size: cover;
}
#Leg10{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_10.png);
    background-size: cover;
}
#Leg11{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_11.png);
    background-size: cover;
}
#Leg12{
    background: url(../images/proyectos/Legacy-Tower/ProductoGermanConcept_12.png);
    background-size: cover;
}
#Cor1{
     background: url(../images/proyectos/Corporativo-naciones/ProductoGermanConcept_19.png);
    background-size: cover;
}
#Cor2{
     background: url(../images/proyectos/Corporativo-naciones/ProductoGermanConcept_20.png);
    background-size: cover;
}
#Cor3{
     background: url(../images/proyectos/Corporativo-naciones/ProductoGermanConcept_21.png);
    background-size: cover;
}
#Cor4{
     background: url(../images/proyectos/Corporativo-naciones/ProductoGermanConcept_22.png);
    background-size: cover;
}

#Core1{
    background: url(../images/proyectos/Core-31/Core1.jpg);
    background-size: cover;
}
#Core2{
    background: url(../images/proyectos/Core-31/Core2.jpg);
    background-size: cover;
}
#Core3{
    background: url(../images/proyectos/Core-31/Core3.jpg);
    background-size: cover;
}
#Core4{
    background: url(../images/proyectos/Core-31/Core4.jpg);
    background-size: cover;
}
#Core5{
    background: url(../images/proyectos/Core-31/Core5.jpg);
    background-size: cover;
}
#Core6{
    background: url(../images/proyectos/Core-31/Core6.jpg);
    background-size: cover;
}
#Core7{
    background: url(../images/proyectos/Core-31/Core7.jpg);
    background-size: cover;
}
#Tul1{
    background: url(../images/proyectos/Tulum-777/Tulum1.jpeg);
    background-size: cover;
}
#Tul2{
    background: url(../images/proyectos/Tulum-777/Tulum2.jpeg);
    background-size: cover;
}
#Tul3{
    background: url(../images/proyectos/Tulum-777/Tulum3.jpeg);
    background-size: cover;
}
#Tul4{
    background: url(../images/proyectos/Tulum-777/Tulum4.jpeg);
    background-size: cover;
}
#Tul5{
    background: url(../images/proyectos/Tulum-777/Tulum5.jpeg);
    background-size: cover;
}
#Tul6{
    background: url(../images/proyectos/Tulum-777/Tulum6.jpeg);
    background-size: cover;
}
#Bac1{
    background: url(../images/proyectos/Habitas-Bacalar/Bacalar1.jpg);
    background-size: cover;
}
#Bac2{
    background: url(../images/proyectos/Habitas-Bacalar/Bacalar2.jpg);
    background-size: cover;
}
#Bac3{
    background: url(../images/proyectos/Habitas-Bacalar/Bacalar3.jpg);
    background-size: cover;
}
#Bac4{
    background: url(../images/proyectos/Habitas-Bacalar/Bacalar4.jpeg);
    background-size: cover;
}
#Bac5{
    background: url(../images/proyectos/Habitas-Bacalar/Bacalar5.jpg);
    background-size: cover;
}
#Alu1{
    background: url(../images/proyectos/Habitas-AlUla/Habitas-AlUla_1.jpg);
    background-size: cover;
}
#Alu2{
    background: url(../images/proyectos/Habitas-AlUla/Habitas-AlUla_2.jpg);
    background-size: cover;
}
#Alu3{
    background: url(../images/proyectos/Habitas-AlUla/Habitas-AlUla_3.jpg);
    background-size: cover;
}
#Alu4{
    background: url(../images/proyectos/Habitas-AlUla/Habitas-AlUla_4.jpg);
    background-size: cover;
}
#Alu5{
    background: url(../images/proyectos/Habitas-AlUla/Habitas-AlUla_5.jpg);
    background-size: cover;
}

@media only screen and (min-width: 480px) {

    .logo-marca {
    padding: 7% 5.4%;
}
    .proy-info {
    margin: 5% 0% 0% 0%;
}
    
    aside.info-proy {
    padding: 5.4% 5.4%;
        margin-bottom: 5%;
}
    .topic {
    margin-bottom: 5%;
}
    
    section#carousel-marca {
    margin-top: 5%;
}
    
    .card-car {
    width: 240%;
}
    
        .car1 {
    width: 89.5%;
}
    
            .car3 {
    width: 100%;
}
    
    .car3 a {
    width: 29%;
    margin: 0% 0.8%;
}
    
    .car5 {
    width: 200%;
}
    
    .car5 a {
    width: 16.8%;
}
    .car4 {
    width: 150%;
}
    .car4 a {
    width: 21.3%;
}
}

@media only screen and (min-width: 1024px) {

.logo-marca {
    float: left;
    padding: 3% 6.1% 3% 4.9%;
}
    
    .proy-info {
    margin: 5% 0% 0% 0%;
}
    
    .proy-info p {
       margin-bottom: 5%;
    width: 45%;
    padding: 0% 0% 0% 5.4%;
    margin-top: 0%;
}
    aside.info-proy {
    float: right;
    width: 30%;
    padding: 3% 3%;
            margin-bottom: 3%;
}
    
    .topic {
    margin-bottom: 2%;
}
    
.proy-info p:nth-child(3) {
    width: 45%;
    padding: 0% 0% 0% 5.4%;
    margin-top: 0%;
}
    button.fancybox-button.fancybox-button--close {
    left: 50%;
}
.links{
    position:none;
    padding:0 -5px 0px -5px;
}

    
}

@media (min-width: 769px) and (max-width: 1024px){

    .topic p{
        margin: 0%;
    }
}