@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

.main{
    display:flex;
    flex-wrap: wrap;
}
.rea {
    width:70%;
}
.rea h1 {
    text-transform:uppercase;
    color:#CB8606;
    padding:20px 0;
    font-weight:bold;
    text-align:center;
    line-height:70px;

}

.img{
    height:685px;
    border:1px solid #CB8606;
}

h2{
    text-align:center;
    line-height:70px;
    color:#00748D;
    font-weight:bold;
}

.block-right{
     width:25%;
}

.temoi{
    overflow:scroll;
    height:66vh;
    margin-bottom:50px;
    
}
.tweet ul{
    list-style: url('../img/circle.png');
    list-style-position:inside;
    line-height:40px;
}

blockquote::before {
  content:url('../img/quote.png');
}
cite::before {
  content:url('../img/client.png');
}
@media screen and ( max-width: 1100px ) {
    /*tablette*/
    
    .rea{
        width:100%;
    }
    .block-right{
        width:100%;
        display:flex;
    }
    .temoi{
        text-align:left;
        width:50%;
        height:32vh;
    }
    .tweet{
        width:50%;
    }
 
}


@media screen and ( max-width: 780px ) {
    /* mobile */
     
  .block-right{
        width:100%;
        display:block;
    }
    .temoi{
        text-align:left;
        width:100%;
        height:50vh;
    }
    .tweet{
        width:100%;
    }
    
 
}

@media screen and ( max-width: 630px ) {
    /* petit mobile */
   
}