/*-------------------------------------------------------*/
/*               INTRODUCTION (left box)
/*-------------------------------------------------------*/
.intro{
    flex-direction: column;
    align-items: normal;
    width:50%;
    background-color: rgb(237, 237, 237);
    margin: 10px;
    padding-top: 6rem;
    padding-bottom: 50px;
}

.intro__title{
    font: "Playfair Display", serif;
    font-size: 1.953em;
    margin: 0px 10% 5% 10%;
    letter-spacing: -0.05em;
    line-height: 1em;
}

.intro__info{
    font-family: "Roboto";
    font-size: 1em;
    margin: 0 10%;
    letter-spacing: 0.1em;
    line-height: 150%;
    color: rgb(122, 122, 122);
}

/*-------------------------------------------------------*/
/*                 PICTURE (right box)
/*-------------------------------------------------------*/
.picture{
    min-height: 40em;
    width: 50%;
    background-image: url("https://portfolio-mccomas.s3.us-east-2.amazonaws.com/PXL_20210614_224532645.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}


/*-------------------------------------------------------*/
/*                     RESPONSIVENESS
/*-------------------------------------------------------*/
@media screen and (max-width: 600px){
    .intro__info,.intro__title{
        margin: 0 5%;
    }
    .containerTop{
        flex-direction: column-reverse;
    }
    .intro,.picture{
        width: 100%;
    }
  }

@media screen and (max-width: 800px){
    .intro__info,.intro__title{
        margin: 0 5%;
    }
}