/* Global Styles */

.drDillon {
    color: #8BC53F;
}

.earlyCareer h1 {
    color: #8BC53F;

}

.content {
    /* margin: 0 0 0 100px; */
    padding: 0;
}

header {
    margin: 0;
}

.earlyCareer{
    color: white;
}

.passion {
    color: #00a69c;
}

/* Small Screens */

@media only screen and (min-width: 300px) and (max-width: 899px) {


    /* Banner 1 About Page */
    .about {
        width: 100vw;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .aboutContent {
    width: 85%;
    text-align: left;
    margin: 0 auto;
    font-size: 20px;

    }

    .dillon {
        width: 200px;
        margin: 20px auto;
        position: relative;
        left: 50%;
        transform: translate(-50%);

    }

    /* Banner 2 About Page */

    .earlyCareer {
        background-color: rgba(0, 0, 0, 0.69);
        width: 100%;
        padding-left: 7%;
        padding-top: 20px ;
        /* padding-bottom: 20px ; */
    }

    .earlyCareer p:nth-of-type(2) {
            width: 92%;
        margin: 0;
    }

    .earlyCareer p:nth-of-type(1) {
            width: 92%;
        /* margin: 0; */
    }

    .earlyCareer {
        margin: 0;
        padding-bottom: 20px;
    }

}

@media only screen and (min-width: 900px) {
    .content {
        margin: 0;
        padding: 0;
    }

    /* Banner 1 About Page */

    .about {
        width: 100%;
        height: 35vh;
        padding: 15px;
        margin: 0 0 63px 0;

    }


    .dillon {
        float: left;
        max-width: 230px;
        /* margin: 20px;         */
        position: relative;
        margin: 20px;
    }

    .aboutContent {
        float: right;
        width: 55%;
        margin: auto 0;
        position: relative;
        top: 78%;
        transform: translate(0, -50%);
        font-size: 20px;
        margin-right: 5%;
        text-align: justify;
    }

    /* Banner 2 About */

    .earlyCareer {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.69);
        /* height: 35vh; */
      padding: 50px 50px 50px 50px;
        font-size: 20px;
        overflow: hidden;

    }

    .earlyCareer h1 {
        margin: 0 0 3% 0;
    }

    .passion {
        margin: 0;
        width: 75%;
        color: #00a69c;
    }

 
}

@media only screen and (max-height: 650px) {
    .earlyCareer {
           margin: 0 auto;

    }
}