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;
    /* border:0.5px solid black; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
header, body, footer {
    font-family: 'Quicksand', sans-serif;
    
}
/*contactPage CSS starts here*/
/*header starts here*/
header {
    background-image: url("https://images.unsplash.com/photo-1568941159284-3b299541ee63?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80");
    background-position:center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    height: 250px;
    color:#F5F5DC;
}
header h6 {
    height: 40px;
    width: 30%;
    background-color:black;
    font-size: 15px;  
    text-align: center;
    padding-top: 1%;
}

header nav {
    width: 90%;
    height: 50px;
    display: flex;
    justify-content: space-evenly;
    padding-left: 40%;
    background-color: black;
}
header nav a {
    color: #F5F5DC;
    text-decoration: none;
    font-size: 12px;  
    padding-top: 4.5%;
}
/*section starts here*/
.ourTeam{
    display: flex;
    flex-flow: column;
    align-items: center;
}
.text1{
    width: 50%;
    text-align: center;
    line-height: 20px;
}
h1 {
    margin-bottom: 1%;
    margin-top: 2%;
    font-size: 2rem;
}
.salesSup{
    display: flex;
    flex-flow: row;
    justify-content: center; 
    padding-top: 2%;   
    padding-bottom: 2%;
}
.salesSup div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 2%;
    width: 35%;
    height: 10rem;
    border-style: solid;
    border:1px solid black;
    border-radius: 10px;
}
.salesSup div h3{
    font-size: 1.9rem;
}
.sales{
    padding-top: 5%;
    text-align: center;
}
button{
    width: 50%;
    height: 35px;
    background-color: black;
    color: white;
    font-size: 15px;
    margin-top: 5%;
}
.number {
    padding-top:6%;
    text-decoration: none;
}
/*footer starts here*/
footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: solid gray;
    padding-top: 2%;
}
.email {
    text-decoration: none;
}
.headquarter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}
.headquarter h3{
    font-size: 2rem;
    margin-top: 10%;
    margin-bottom: 10%;
}
.headquarter address {
    line-height: 60px;;
}
/*contactPage responsive design starts here*/
@media(max-width:500px){
    header h6 {
        width: 35%;
        height: 45px;
    }
    header nav {
       display: flex;
       justify-content: space-evenly;
       padding-left: 0%;
    }
    header nav a {
        font-size: 10px;
    }
    .salesSup div h3{
        font-size: 1rem;
    }
    footer {
        padding-top: 8%;
    }
    .headquarter h3{
        font-size: 1.6rem;
    }
    .headquarter {
        
        width: 40%;
        height: 330px;
    }
    .headquarter address {
        text-align: center;
        line-height: 50px;
    }
    footer div iframe {
        width: 100%;
        height: 330px;
    }
}
@media(max-width:800px){
    header nav {
        height: 49px;
    }
    .headquarter{
        width:35%;
        height: 330px;
    }
    footer div iframe {
        width: 500px;
        height: 330px;
    }

}
/*marketPage CSS starts here*/
/*header starts here*/
.headerMar{
    background-image: url("https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/6c9a9a99-9c38-417e-a7f5-a45ede9b3407-1532627926.jpg");
    background-position:center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    height: 250px;
    border: 5px black;
}
/*body starts here*/
#marketSection {
    padding-top: 1%;
    padding-bottom: 5%;
    background-color:#F5F5DC ;
}
.img {
    width: 35%;
    height: 200px;
    object-fit: fill;
}
.parag {
    width: 35%;
    height: 180px;
    line-height: 25px;
}
#marketSection div {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5%;
}
.reverse {
    display: flex;
    flex-direction: row-reverse;
}
section div span {
    line-height: 35px;
    text-align: right;
}
section .graph {
    display: flex;
    flex-direction:row-reverse;
}
 .paragGraph {
    width: 35%;
    line-height: 28px;
}
section div iframe {
    width:40%;
    height: 400px;
    object-fit: fill;
}

/*footer starts here*/
.marFooter {
    background-image: url("https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/6c9a9a99-9c38-417e-a7f5-a45ede9b3407-1532627926.jpg");
    background-position:center;
    background-size: cover;
    height: 70px;
}
footer h6 {
    width:10%;
    height: 37px;
    margin-top: 2%;
    margin-left: 5%;
    color:#F5F5DC;
}
footer nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 2%;
}
footer nav a{
    text-decoration: none;
    color:#F5F5DC ;
}
/*marketPage responsive design starts here*/
@media(max-width:500px){
    header h6 {
        width: 17%;
        height: 49px;
    }
    header nav {
       height: 46px;
    }
    header nav a {
        font-size: 10px;
    }
    section .graph{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .paragGraph {
        font-size: 11px;
        line-height: 10px;
        width: 80%;
        height: 290px;
        text-align: center;
    }
    section .paragGraph{
        font-size: 11px;
        line-height: 30px;
    }
    section div iframe {
        width: 80%;
    }
    .parag {
        line-height: 23px;
        font-size: 11px;
    }
    footer h6 {
        width: 13%;
        padding-right: 2%;
        margin: 0%;
    }
}
@media(max-width:800px){
    header h6 {
        height: 41px;
    }
    .parag{
       line-height: 23px; 
    }
    .paragGraph{
        line-height: 23px;
        font-size: 15px;
    }
}