.hero-section {
    background-color: #023465;
	color: #ffffff;
    padding-top: 56px;
    padding-bottom: 55px;
}
.hero-section-img img {
    position: relative;
    /*width: 100%;*/
    max-height: 377px;
    min-height: 377px;
    object-fit: contain;   
    float: right;
}
.hero-section-content {
	display: flex;
    flex-direction: column;
    align-self: center;
    margin-top: -30px; 
}
.hero-section-img {
	/*padding-top: 75px;
    padding-bottom: 75px;*/
}
.hero-section-content h1 {
    font-family: 'DIN-2014';
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
	margin-bottom: 0px;
	padding-bottom: 15px; 
	color: #ffffff;
}
.hero-section-content p {
	font-family: 'Georgia Regular font';
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    max-width: 418px;
	margin-bottom: 1rem;
}
@media (max-width: 1366px) { 
	.hero-section-img img {
		
	}
} 
@media (max-width: 1024px) {
	.hero-section-img img {
	   min-height: 250px;
	}
	section.hero-section {
		padding-left: 15px;
    	padding-right: 15px;
	}
	
}
@media (max-width: 991px) {
	.hero-section-img img {
	    float: none;
	    width: 100%;
	}
}
@media (max-width: 767px) { 
	.hero-section {
	    padding-top: 80px;
	    padding-bottom: 60px;
	}
	.hero-section-content h1 {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 20px;
	}
	.hero-section-content p {
		margin-bottom: 30px;
		max-width: 100%;
		font-size: 16px;
    }
}
@media (max-width: 620px) {
	.hero-section-img img {
	    min-height: auto;
	    max-width: 100%;
	    right: 0;
	}
}