/*--------1.0  Global Elements--------*/
html {
	font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #484848;
}


h1{
	font-family: 'Patua One', sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.1;
	color: #585858;
	
}

h2{
	font-size: 2rem;
	font-weight: bold;
	color: #484848;
	line-height: 1.3;
	
}
a{
	color: #ee8355;
}


/*--------2.0  Header --------*/
header {
	background-color: white;	
	display: flex;
	justify-content: left;
	width: 100%;
	height: 6rem;	
}

.logo img{
	height: 6rem;
 	padding-left: 1.5rem;	
}



/*--------2.1  Header Media Queries--------*/
@media only screen and (max-width: 990px){
	.desktop a:hover{
	background-color: unset;
	color: #0a44d2;
	font-size: 1.2rem;
	}
}

@media only screen and (max-width: 940px) {
   	 
  	.logo img {
 	}

 	header{
 		box-shadow: none;
 	}

}

/*--------3.0  main Section--------*/
.main {
	background-color: #fff;
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	padding-top: 3rem; 
 	padding-bottom: 2rem;
}

.main_img{
	width: 55%;
	padding: .5rem;
}

.main img{
	width: 100%;
	height: 90%;	
}

.main_logo{
	width: 70%;
}

.main_text {
	display: flex;
	flex-direction: column;
	/*justify-content: center; */
	width: 30%;
	margin-top: 1rem;
	margin-left: 1rem;
}

.main_text h1 {
	font-size: 2.5rem;
 	line-height: 1.5;	
}

/*--------3.1 main Section Media Queries --------*/
@media only screen and (max-width: 990px){
	.main_text h1{
		font-size: 2.5rem;
	}

	.main_text h2{
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 940px){
	.main{
		display: flex;
		flex-direction: column;	
		width: 98%;
		padding-bottom: 2rem;
	}

	.main_img{
		width: 100%;
		padding: 0;
	}

	.main_text{
		width: 90%;
		padding: 0;
	}
	
	.main_text{
		padding-left: 1rem;
		padding-bottom: 2rem;
	}

	.main_text h1{
		font-size: 1.5rem;
	}

	.main_text h2{
		font-size: 1rem;
	}
}