#page-mag h2{
    letter-spacing:0;
        font-size: 24px;
}

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

.intro-mag img{
    width:50%;
}

a.lire {

    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 400px;
    margin: 0 auto;
}

a.lire img{
    width:50px;
}

a.lire p{
    color:#fff!important;
    font-size:18px;
}

.col2 h2 {
    padding: 0 30px;
    text-transform: inherit!important;
}

.col2 p{
    text-align: center!important;
}

p.icone-mag{
    margin:0!important;
}




#sabonner h4 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
}

.abonnement h3{
    margin-top:20px;
}

.abonnement {
    margin: 0 auto;

}

div#contenu-abo {
    padding: 50px 20%;
    background: #E1EBF2;
}

div#sabonner {
    padding: 50px 20%;
   
}

div.tarifs {
    padding: 50px 20%;
   background: #C3D6E5;
}
#sabonner .lire{
    background:none!important;
}

#sabonner .lire p{
    color:#0D5C95!important;
}


/***********************************************************************
mode Tablette 
********************************************************************/
@media only screen and (max-width: 1024px) {
 
 .intro-mag h2 {
    font-size: 16px;
}
.intro-mag p {
    font-size: 11px!important;
}
    
 a.lire img {
    width: 40px;
}  
    
    div#contenu-abo {
    padding: 50px 8%;
}
    
    div.tarifs {
    padding: 50px 8%;
}
    
}
/**************************************************************
mode mobile 
********************************************************************/

@media all and (max-width: 767px) {
    
   
    .intro-mag{
        display:block;
    }
    
    .intro-mag img {
    width: 100%;
        margin-bottom:20px;
}
    
    div#contenu-abo {
    padding: 50px 4%;
}
    a.lire{
        width:inherit!important;
    }
    
     .abonnement h2{
        font-size:20px;
    }
    
    p.icone-mag {

    margin-top: -20px!important;
}
    
       div.tarifs {
    padding: 50px 4%;
}
    
    
}