@font-face{
    font-family: ArvoRegular;
    src: url('../fonts/Arvo/Arvo-Regular.ttf');
}

@font-face {
    font-family: ArchivoBold;
    src: url('../fonts/Archivo/ArchivoNarrow-Bold.ttf');
}

* {
    margin: 0;
}

.aboutTitleWrapper {
    width: 65%;
    margin: 0 auto;
    padding-top: 2%;
}

.aboutTitle {
    font-size: 2em;
    color: black;
    font-weight: 500;
    font-family: ArchivoBold;
}

.aboutWrapper {
    /* border: 1px solid red; */
    width: 65%;
    margin: 0 auto;
}

.aboutimageWrapper {
    padding-top: 3%;
    text-align: center;
}

.aboutImg {
    width: 90%;
    /* height: 50%; */
}

.aboutbodyWrapper {
    padding-top: 3%;
    width: 90%;
    margin: 0 auto;
    font-family: ArvoRegular;
    font-size: 1.2em;
}

.aboutText {
    display: block;
}

.aboutTextLink {
    padding-left: 0;
    color: rgb(192, 51, 0) !important;
}


@media screen 
and (min-width: 640px) 
and (max-width: 800px) {
    .aboutWrapper {
        width: 80%;
        font-size: 1em;
        /* border: 1px solid red; */
    }

    .aboutImg {
        width: 90%;
    }
}

@media screen 
and (min-width: 200px) 
and (max-width: 640px) {
    .aboutWrapper {
        width: 90%;
        font-size: 1em;
    }

    .aboutImg {
        width: 90%;
    }
}

@media screen 
and (min-device-width: 200px) 
and (max-device-width: 640px) {

    .wrapper {
        width: 100% !important;
        /* border: 1px solid blue; */
    }

    .aboutTitleWrapper {
        width: 70%;
        font-size: 1.5em;
    }

    .aboutWrapper {
        width: 90%;
        font-size: 1em;
        /* border: 1px solid red; */
    }

    .aboutImg {
        width: 90%;
    }

    .aboutbodyWrapper {
        font-size: 2em;
    }
}