/*
Theme Name:     Resonant Child
Description:    Child theme created for the Resonant theme by Themes Kingdom.
Author:         Ivan Jevremovic
Template:       resonant

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/**
* Custom Code
*/

.page-template-landing-page {
	height: 100%;
}

.page-template-landing-page .site-content {
	padding: 0;
}

.page-template-landing-page .site-footer {
	display: none;
}

.landing-image-outer {
	position: relative;
	/* Full height */
    height: 100vh;

    position: relative;
}

.landing-image {

    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    /* margin-top: -195px; */
    /* margin-left: -425px; */
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.landing-image img {

}

.landing-excerpt {
    text-align: center;
    /*padding: 0 20px;*/
}

.landing-excerpt p {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.landing-social-outer {
	position: absolute;
    bottom: 5vh;
    left: 5vw;
}

.landing-social {
	list-style: none;
}

.landing-social > li {
	display: inline-block;
	margin-right: 10px;
}

.landing-social > li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}

@media only screen and (max-width: 991px){
	.landing-image {
		width: 80%;
	}
}

@media only screen and (max-width: 768px){
	.landing-image {
		width: 70%;
		text-align: center;
	}

	.landing-image img {
		width: 80%;
	}

	.landing-social-outer {
		bottom: -30px;
    	left: 30px;
	}
}

@media only screen and (max-width: 480px){
	.landing-excerpt p {
		font-size: 0.9375rem;
	}
}