/* .right div:nth-child(1){
    background-color:black;

}

.right div:nth-child(2){
    background-color:darkred;

}


.right div:nth-child(3){
    background-color:darkslateblue;

} */
body{
    background-image: url(images/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

b{
    color: black;
    font-family: 'Poppins';
}

b::selection {
    background: gold;
}
p{
    color: black;
    font-family: 'Poppins';
    
}
P::selection {
    background: gold; /* WebKit/Blink Browsers */
  }

a{
    color: gold;
}

a:hover{
    color: white;
}
a::visited{
    color: peru;
}


h1{
    font-family: 'Simonetta' ;
    font-size: 40px;
    color: black;
    line-height: 60px;
    text-decoration: underline;
    font-weight: 500;
}

h1::selection{
    background: gold;
}
h1>span{
color: black;
font-size: 40px;
line-height: 20px;
/* font-weight: 600; */
}

h1>span::selection{
    background: gold;
    }
h2{
    font-family: 'Simonetta' ;
    font-size: 30px;
    font-weight: 600;

}

h2::selection{
    background: gold;

}
/* .text-center h1{
    font-family: 'Simonetta';
} */

.pageBreak{
    border-bottom: rgba(205, 134, 63, 0.322) solid 2px;
 
  
}

.masterdiv{
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    display: block;
    height: 90vh;
    width: 80vw;
    /* overflow: hidden; */
    /* outline: black solid 2px; */
    /* background:rgba(0, 0, 0,0.9); */
    /* display: grid;
    grid-template-columns:35% 65%;
    grid-template-rows:100% 20%; */
    color:white;
    /* text-align: center; */
 
}



    .circle{
        /* top:600px; */
        margin-top:10px;
        /* background-color: cornsilk; */
         /* outline: gold solid 4px; */
        border-radius: 50%;
        height:200px;
        width:200px;
        position: relative;
        z-index: 2;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .circle>img{
        height:200px;
        width:200px;
        z-index: -2;
        border-radius: 50%;
    }

    .area1{
        /* background-color: burlywood; */
      float: left;
      background-color: black;
      height: 100%;
      font-family: 'Poppins';
      text-align: center;
    }

    .area1>span::selection{
            background: gold; /* WebKit/Blink Browsers */
    }
   
.area2{
    background-color: rgba(205, 134, 63, 0.404);
 float: right;
    height: 100%;
    overflow-y: scroll;
    /* text-align: left; */
}

.area2>div{
    line-height: normal;
    /* height: 300px; */
}

.area2 h2{
    color: black;   
    line-height: normal;
    /* height: 300px; */
}

.headerParagraph{
    text-align: center;
}
.bodyParagraph{
    /* margin:1px; */
    /* float: left; */
    /* outline: peru solid 2px; */
    height: 35vh;
}
.bodyParagraph img{
/* height: 80%; */
width: 100%; 
text-align: left;
}

.bodyParagraph span{
color:black;
font-weight: 700;
    }

.carousel-item{
    
    height: 30vh;
    width: 100%; 
    text-align: center;
    float: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
} 

.logo1{
    background-image: url("artwork/logos/logo\(1\).png");
}

.logo2{
    background-image: url("artwork/logos/logo\(2\).png");
}

.logo3{
    background-image: url("artwork/logos/logo\(3\).png");
}

.logo4{
    background-image: url("artwork/logos/logo\(4\).png");
}

.logo5{
    background-image: url("artwork/logos/logo\(5\).png");
}

.logo6{
    background-image: url("artwork/logos/logo\(6\).png");
}


.logo7{
    background-image: url("artwork/logos/logo\(7\).png");
}

.logo8{
    background-image: url("artwork/logos/logo\(8\).png");
}

.logo9{
    background-image: url("artwork/logos/logo\(9\).png");
}

.logo10{
    background-image: url("artwork/logos/logo\(10\).png");
}
.businessCard1{
    background-image: url("artwork/business-cards/b-cards1.png");
}

.businessCard2{
    background-image: url("artwork/business-cards/b-cards2.png");
}

.flyer{
    background-image: url("artwork/flyers/flyer.png");
}

.company-profile1{
    background-image: url("artwork/company-profiles/company\ profile\ part\ one.png");
}


.company-profile2{
    background-image: url("artwork/company-profiles/company\ profile\ part\ two.png");
}

.newsletter{
    background-image: url("artwork/newsletter/newsletter.png");
}

.socialMedia{
    background-image: url("artwork/social-media/socialMedia.gif");
}


.website1{
    background-image: url("artwork/websites/websitesAll3.png");
}