/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

a {
    text-decoration: none;
    color: black;
}

body {
    font-family: 'Merriweather', serif;
    background-color: #faf7f3;
}

/* Company Background Start */
.company-bg, .our-values, .founder-bg{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.company-bg {
    margin: 70px auto 0px auto;
}

.company-bg-title, .our-values-title, .founder-bg-title{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: purple;
}

.company-bg-info, .our-values-info{
    padding: 10px 0px;
}

.company-bg-info-title, .our-values-info-title{
    font-size: 24px;
    font-weight: 400;
}
.company-bg-info-text, .our-values-info-text,  .founder-bg-info{
    font-size: 20px;
    font-weight: normal;
}
.founder-bg{
    padding-bottom: 50px;
}
.founder-bg img{
    width: 100%;
}
.founder-bg-sec{
    padding-left: 20px;
}

.founder-bg p{
    margin: 1rem;
}

.founder-bg-details{
    display: flex;
    font-size: 20px;
    font-weight: 400;
    column-gap: 5px;
}
.founder-bg-details a{
    color: purple;
    text-decoration: underline;
    font-weight: 500;
}
.founder-bg-ln{
    font-size: 20px;
}
.founder-bg-ln{
    display: flex;
    column-gap: 5px;
    align-items: center;
}
.founder-bg-img-info{
    display: flex;
}
.founder-bg-img, .founder-bg-sec{
    width: 50%;
}

.about-us-arrow {
    text-align: center;
    padding: 20px 0px 50px 0px;
}
.about-us-arrow img{
    min-height: 550px;
    max-width: 60%;
}

/* Mobile View Starts */
@media screen and (max-width: 768px) {
    .founder-bg-img-info{
flex-direction: column;
    }
    .founder-bg-img, .founder-bg-sec{
        width: 100%;
    }
    .founder-bg-sec{
        padding-left: 0;
        padding-top: 10px;
    }
    .about-us-arrow img{
        min-height: 200px;
        max-width: 100%;
    }
    .founder-bg-details{
        display: block;
    }
}