/*
Theme Name:   Oleander Child
Theme URI:    https://solopine.com/themes/
Description:  Oleander Child Theme
Author:       Solo Pine Designs
Author URI:   https://solopine.com
Template:     oleander
Version:      1.0.0
License: 	  Themeforest Licence
License URI:  http://themeforest.net/licenses
Text Domain:  oleander-child
*/

/* Write your custom CSS code below */

.hero-section {
	height:575px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero-section .container, .hero-content {
	height:100%;
}
.hero-content {
	display:flex;
	align-items:center;
	text-align:center;
	width:520px;
	float:right;
}
.hero-content.left {
	float:left;
}
.hero-content.center {
	float:none;
	margin:0 auto;
}
.hero-content-inner {
	width:100%;
}
.hero-content h2 {
	font-family:"Open Sans", sans-serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#141c1d;
	font-size:30px;
	margin-bottom:20px;
	line-height:1.35;
}
.hero-content p {
	font-family:"Crimson Text", serif;
	font-size:18px;
	line-height:1.5;
	color:#253234;
	margin-bottom:45px;
}
.hero-content p.top-heading {
	margin-bottom:20px;
	font-size:18px;
}
.hero-button {
	background-color: #ffc61c;
    border-radius: 3px;
	color:#fff;
	display:inline-block;
	padding: 14px 0;
	width:96%;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:700;
}

@media only screen and (max-width: 767px) {
	.hero-section {
		height:490px;
	}
	.hero-content {
		width:100%;
	}
}