.textbannerprincipal{
    
/*display:inline;*/

}

.textotitulo{
/*display:block;*/
}

.textosubtitulo{
width:100%;
color:white;
top:30%;
}

.mainlink{
    top:85%;
    width:45%;
    
    }
    a {
        display:inline-block;
        
        }
    .mainlink {
        display:none;
        
        }


   article p{

font-size:22px;

   }  
   
   
   .popupdetalle{

    top:50%;
    position:fixed;
    z-index:50000000000000000;
    width:90%;
    height:600px;
    left:50%;
    transform:translate(-50%,-50%);
    background:white;
    display:none;
    padding:10px;
    border:solid black 10px;

   }

.modal-cabeza{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:5px;
    background:black;
    color:white;
    font-family: impact;
    font-size:30px;
    
}


.body-modal{
    font-size:16px;
}

#boton-cerrar, #boton-cerrar2{
font-size:50px;
cursor:pointer;
color:#FBA919;
}

#boton-cerrar:hover{
    color:white;

}

   #firstpopup{

    cursor:pointer;
   }

   .boton-blog:hover{
    background:rgba(128, 128, 128, 0.89);
    transition:0.5s ease-out;

   }

.mostrarpopup{
display:block;

}

#linkemail{

  font-weight:900;
  text-decoration: underline;

}

.maintext a{

    color:#FBA919;
}

@media (min-width:380px){

    .textotitulo{
        display:block;
        }

.textbannerprincipal{
    display:block;  
    height:140px;
    width:100%;
    
 }

 .textosubtitulo{
     width:100%;
     color:#FBA919;
     top:110px;
     
 }

 .mainlink {
    display:block;
    
    }
 .maintext{
     color:black;
 }

 #precio{
color:white;
font-size:34px;
font-family:'Arial Narrow Bold', sans-serif,Impact,Haettenschweiler;
 }



 .main{

  background-color:steelblue;
 
    }

    .estiloblog{
        text-align:center;
        background-color:rgb(27, 2, 41);
        }


.titulo-blog{
background-color:rgba(240, 140, 9);
color:white;
padding:10px;

}

.mainlink{
top:150%;
width:40%;

}

}

@media (min-width:720px){

    .textbannerprincipal{
       top:190px;
       width:55%;
     }

     .textosubtitulo{
         top:110px;
        width:100%;
    }


    .popupdetalle{

       
        width:40%;
     
    
       }
  
       .body-modal{
        font-size:18px;
    }

}

@media (min-width:1020px){

    .textbannerprincipal{
       top:250px;
       width:45%;
       height:230px;
     }

     .textosubtitulo{
         top:40%;
        width:100%;
    }

    .popupdetalle{

       
        width:40%;
     
    
       }
}


@media (min-width:1420px){

    .textbannerprincipal{
       top:250px;
       width:500px;
       height:230px;
     }
     .textosubtitulo{
        top:40%;
       width:100%;
      
   }

   
.mainlink{
    top:147%;
    
    
    }


    .popupdetalle{

       
        width:30%;
     
    
       }

}