*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.section{
    width: 100%;
    height: 100vh;
    background-color: #ddd;
}

.cvcontainer{
    width: 80%;
    display: block;
    margin: auto;
    padding-top: 100px;
}


.content-section{
    /* float: left; */
    width: 55%;
    margin-left: 550px;
    margin-top: -400px;
}

.image-section{
    /* float: right; */
    width: 40%;
}

.image-section img{
    width: 100%;
    height: 50vh;
    border-radius: 30px;
}

.content-section .title{
    text-transform: uppercase;
    font-size: 19px;

}


.content-section .title h1{
    text-transform: uppercase;
    /* font-size: 24px; */
    font-family: Georgia, 'Times New Roman', Times, serif;

}

.content-section .content h3{
    margin-top: 20px;
    color: #5d5d5d;
    font-size: 21px;
}

.content-section .content p{
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1.5;
}

.content-section .social{
    margin: 40px 40px;
}

.content-section .social i{
    color: rgb(34, 34, 124);
    font-size: 30px;
    padding: 0px 10px;
}


.content-section .social i:hover{
    color: #3d3d3d;
}








@media only screen and (min-width: 100px) and (max-width: 539px){
    .cvcontainer{
        width: 80%;
        display: block;
        margin: auto;
        padding-top: 5px;
    }

    .content-section{
        float: none;
        width: 100%;
        display: block;
        margin: auto;
        /* margin-top: 300px; */
    }

    .image-section{
        float: none;
        width: 100%;
        display: block;
        margin: auto;
        /* margin-top: -900px; */
    }

    .image-section img{
        width: 100%;
        height: 30vh;
        
    }

    .section{
        width: 100%;
        height: 135vh;
        background-color: #ddd;
    }
}








@media only screen and (min-width: 540px) and (max-width: 768px){
    .cvcontainer{
        width: 80%;
        display: block;
        margin: auto;
        padding-top: 50px;
    }

    .content-section{
        float: none;
        width: 100%;
        display: block;
        margin: auto;
        /* margin-top: 300px; */
    }

    .image-section{
        float: none;
        width: 100%;
        display: block;
        margin: auto;
        /* margin-top: -900px; */
    }

    .image-section img{
        width: 100%;
        height: 50vh;
        
    }
}