/*==== ABOUT PAGE ==== */



html
{
font-size:16px;
}


h1
{
font-size:1.4rem;
line-height:2rem;
color:#001eff;
font-family:"Trebuchet MS",sans-serif;
}


h2
{
font-size:1.2rem;
color:#001eff;
font-family:"Trebuchet MS",sans-serif;
}

h3
{
font-size:1.2rem;
color:white;
font-family:"Trebuchet MS",sans-serif;
}

p
{
font-size:1rem;
color:gray;
font-family:"Trebuchet MS",sans-serif;
line-height:1.6rem;
}

ul
{
font-size:1rem;
color:gray;
font-family:"Trebuchet MS",sans-serif;
line-height:1.4rem;
}


.about-body
{
height:3200px;
width:100%;
background-image:url("images/about-us.jpg");
background-size:100% 100%;
}


.about-us
{
height:2600px;
width:800px;
border:5px solid cyang;
margin:100px auto;
line-height:1.2rem;
}

.gmap
{
display:flex;
align-items:center;
justify-content:center;
height:500px;
width:500px;
margin:50px auto;
border:5px solid gray;
}


.contacts-option
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:800px;
justify-content:center;
border:10px solid white;
background-color:#2b2b2a;
gap:10px;
}

.form,
.call
{
border:3px solid white;
height:60px;
width:300px;
background-color:orange;
}

.form p,
.call p
{
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}




.ceo
{
height:500px;
width:400px;
}

.image-holder
{
width:300px;
height:400px;
}

	.image-holder img
	{
	height:100%;
	width:100%;
	}

.image-portfolio
{
width:300px;
height:100px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center
margin:10px auto;
}

	.image-portfolio p
	{
	font-size:1.6rem;
	font-family:"Trebuchet MS",sans-serif;
	}



/*MOBILE*/

@media screen and (max-width:767px)
{
.about-body
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:3700px;
width:100%;
}


.about-us
{
height:3700px;
width:400px;
border:5px solid cyang;
margin:auto;
line-height:1.2rem;
}

.gmap
{
display:flex;
align-items:center;
justify-content:center;
height:400px;
width:400px;
margin:0px auto;
}


.contacts-option
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
height:650px;
width:400px;
border:10px solid white;
background-color:#2b2b2a;
}

.form,
.call
{
border:3px solid white;
height:60px;
width:300px;
background-color:orange;
margin:auto;
}

.form p,
.call p
{
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

}