*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: orange;
	color: white;
	font-family: 'Poppins', sans-serif;
}

.logo img
{
    width: 78px;
    height: 65px;
    margin-right: 230px;
    cursor: pointer;
}

nav
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 60px;
	background-color: darkorange;
	position: fixed;
	top: 0;
	width: 100%;
}

nav ul
{
	display: flex;
	justify-content: space-around;
}

nav ul li
{
	list-style: none;
	margin: 0 23px;
}

nav ul li a
{
	text-decoration: none;
	color: white;
}

nav ul li a:hover
{
	color: rgb(158, 80, 8);
	font-size: 1.02rem;
}

.left
{
    font-size: 1.5rem;
}

.firstSection
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 160px 0;
	margin-bottom: 60px;
}

.firstSection>div
{
	width: 30%;
}

.rightSection img
{
	width: 60%;
	border-radius: 10%;
}

.black
{
	color: black;
}

#element
{
	color: black;
}

.social-media a img
{
	display: inline-flex;
	height: 28px;
	width: 40px;
	margin: 3rem 1.5rem 3rem 0;
	transition: 2s;
}

.social-media a img:hover
{
	transform: scale(1.4);
}

/*contact-info: -------------------------------------------------------------------------------------------*/

.contact-form
        {
            padding: 0 340px;
            padding-top: 80px;
            font-family: 'Poppins', sans-serif;
        }

        .contact-form h1
        {
            font-family: 'Poppins', sans-serif;
            padding: 13px 280px;
        }

        .contact-form form div
        {
            padding: 10px 0;
            display: flex;
            flex-direction: column;
        }
        .contact-form form div input
        {
            width: 20vw;
            border-radius: 6px;
            margin: 7px 0 0 0;
            padding: 4px;
        }

        #form-check
        {
            flex-direction: row;
        }
        #form-check input
        {
            width: 24px;        
            margin: 3px 0;
        }

        .buttons
        {
            padding: 50px 0px;
        }

        .btn {
            padding: 12px;
            margin-left: 5px;
            background: orange;
            color: white;
            border: 2px solid white;
            border-radius: 7px;
            font-size: 12px;
            cursor: pointer;
        }
        .btn:hover
        {
            color: rgb(153, 153, 226);
        }


/*footer-info: --------------------------------------------------------------------------------*/

        
        footer
        {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 2rem 5%;
            background-color: skyblue;
        }

        .footer-iconTop a
        {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: .8rem;
            background-color: #0e0e1a;   
        }