.m-readmore-click{
    display:none;
    color:white;
    padding:5px 10px;
    font-weight:bold;
    cursor:pointer;
}

#myBtn{
    color:white;
    padding:5px 10px;
    font-weight:bold;
    cursor:pointer;
}

@media only screen and (max-width: 767px) {
    .m-readmore-click{
        display:block;
    }
    .m-readmore {
        display:none !important;
    }   
    .m-readmore.show{
        display:block !important;
    }
}


.section-two .text-wrapper .text p {
    line-height: 20px;
    font-size: 16px;
}
@media only screen and (max-width: 424px){
    #michelAdam .text-wrapper{
        top:40% !important;
        width:95% !important;
    }
    #michelAdam .title-wrapper{
        transform-origin:center;
        transform:rotate(90deg);
    }
    #michelAdam .section .text-wrapper{
        top:30% !important;
    }
    #michelAdam .section .title-wrapper{
        top:2% !important;
    }
} 
@media only screen and (max-width: 767px){
    .centerNavbar a {
        width: 50%;
        right: 15%;
        top: 17px;
        font-size: 16px;
    }
    #nav-icon{
        right:5%;
    }
    #michelAdam .text-wrapper{
        top:40% !important;
        height: 60vh;
        overflow-y: scroll;

    }
    #michelAdam .title-wrapper{
        transform-origin:center;
        transform:rotate(90deg);
    }
    #michelAdam .section .text-wrapper{
        top:30% !important;
    }
    #michelAdam .section .title-wrapper{
        top:2% !important;
    }
    #michelAdam .section-two .title-wrapper{
        top:7% !important;
    }
    #michelAdam.section-three .text-wrapper{
        top:50% !important;
    }
}
@media only screen and (max-width: 991px){
    
} 
@media only screen and (max-width: 1024px){
    .section-two .text-wrapper .text p {
        line-height: 25px;
        font-size: 20px;
    }
    #michelAdam .text-wrapper{
        top:20%;
    }
    #michelAdam .title-wrapper{
        top:20%;
    }
} 
@media only screen and (max-width: 1200px){} 
@media only screen and (max-width: 1440px){}