.topmain {
	display: flex;
	flex-direction: row;
	max-height: 450px;
}
.topmain .col1 {
	width: 55%;
	border-radius: 0;
}
.topmain .col2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 45%;
}
.topmain .col2 .content {
	padding: 40px;
}

.topmain .col2 .content h1 {
line-height: 1.2em;
font-weight: 500;
}

.topmain .col2 .content h2.feature {
font-size: 1.2em;
font-weight: 300;
color: #123560;
margin: 0 0 20px 0;
letter-spacing: 3px;
}

.topmain .col2 .content h1 a {
}

.topmain .col2 .content h1 a:hover {
}

.topmain img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}



a.read-more {
    font-size: 0.8em;
    color: white;
    background-color: orange;
    text-decoration: none;
    padding: 0.75em 1.5em;
    line-height: 1;
    border-radius: 3px;
    display: inline-block;
}



@media screen and (max-width: 1200px) {
.topmain {
	max-height: 100%;
}
.topmain .col1 {
	width: 50%;
}
.topmain .col2 {
	width: 50%;
}
}

@media screen and (max-width: 800px) {
.topmain {
	flex-direction: column;
	max-height: 100%;
}
.topmain .col1 {
	width: 100%;
}
.topmain .col2 {
	width: 100%;
}
.topmain .col2 .content {
	padding: 20px 10px;
}
}