*{
    margin:0;
    font-family: "jaf-lapture", serif;
}

h2{
    font-size: 90px;
    text-transform: uppercase;
}

p{
    font-size:20px;
    font-family: "mendl-serif-dawn", sans-serif;
    font-weight: 300;
    font-style: normal;
}

h3{
    font-family: "jaf-lapture," serif;
    font-weight: 400;
    font-style: italic;
    font-size:50px;
    padding-top:30px;
    color: rgb(255, 119, 0);
}

/* Header */

header{
    width:100%;
    background-color:#87AFCD;
    position:relative;
}

.icon{
    text-transform:uppercase;
    font-weight:900;
    color:white;
}

h5{
    font-weight:100;
}

.headerImg .mainImg{
    clip-path:ellipse(45% 50% at 50% 50%);
    width:450px;
    height:500px;
    object-fit: cover;
    z-index:99999;
}

.headerImg{
    display:flex;
    object-position: center;
    align-items:center;
    justify-content: center;
    padding:65px 0 120px 0;
    filter: drop-shadow(0 0.7rem 20px rgba(71, 81, 89, 0.8));
}

nav{
    display:flex;
    justify-content: space-between;
    padding: 30px 40px 30px 40px;
}

.navElement ul{
    display:flex;
    list-style-type: none;
}

.navElement li{
    padding-left:30px;
}

.navElement a{
    text-decoration: none;
    color:white;
    font-size:18px;
    text-transform:uppercase;
}

.side1, .side2{
    clip-path:ellipse(45% 50% at 50% 50%);
    width:310px;
    height:350px;
    object-fit: cover;
}

.side1{
    position:relative;
    left:130px;
}

.side2{
    position:relative;
    right:130px;
}

.title{
    position:absolute;
    bottom:60px;
    left:70px;
}

.title h1{
    color:white;
    font-size:160px;
    line-height:140px;
}

.title h5{
    color:white;
    font-weight:100;
    font-size:40px;
}

/* Intro 1 */
#intro1{
    padding: 0 90px 0 90px;
    background-color:bisque;
    margin-top:130px;
}

#intro1 h2{
    position:relative;
    bottom:60px;
}

#intro1 p{
    margin-left:40px;
    margin-right:55%;
    margin-top:70px;
    padding-bottom:60px;
    margin-bottom:140px;
}

/* Intro 2 */

#intro2{
    display:flex;
    background-color:bisque;
    align-items: stretch;
}

.HelenIntroText{
    padding: 50px 60px 50px 60px;
    flex: 1; /* fill remaining space (60%) */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.HelenImg img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* makes the image fill its box without distortion */
    display: block;
}

.HelenImg{
    flex: 0 0 40%; /* lock the image container to 40% width */
    overflow: hidden; /* crop image if needed */
}

/* Family */

#family{
    padding: 0 90px 0 90px;
    margin-top:140px;
    background-color:rgb(255, 119, 0);
    color:white;
}

#family p {
    margin-left:30%;
}

.imageSet2 img{
    clip-path:ellipse(45% 50% at 50% 50%);
    width:350px;
    height:400px;
    object-fit: cover;
}

#family h2{
    padding: 30px 0 30px 0;
}

/* Trojan */

#trojan{
    padding: 0 90px 0 90px;
    margin-top: 70px;
}

/* Source */
#source{
    padding: 0 90px 0 90px;
}