/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GP Premium GeneratePress Child Theme
 Author:       Aristotelis Alexopoulos
 Author URI:   https://wpnet.gr
 Template:     generatepress
 Version:      0.1
*/

.one-container .site-content {
    padding: 0;
}

.wpcf7-spinner {
	display: none !important;
}

.front-sector {
	display: block; position: relative; padding: 2em; margin: 0 auto; width: 100%; 
}

#front-sector-1 {
	min-height: 100vh; background-color: #222222; color: #ffffff;
}
#front-sector-1-inner {
	display: block; position: absolute; padding: 0; margin: 0; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
#front-sector-1-img-wrapper {
	display: block; position: relative; padding: 0; margin: 0;
}
#front-sector-1-h1-wrapper {
	display: block; position: relative; padding: 0; margin: 0; text-align: left;
}
#front-sector-1-h1-wrapper h1 {
	font-size: 42px;
}
#front-sector-1-text-wrapper {
	display: block; position: relative; padding: 0; margin: 0; text-align: left;
}
#front-sector-1-text-wrapper p {
	font-size: 60px;
	line-height: 40px;
}
@media all and (max-width: 1024px) {
	#front-sector-1-h1-wrapper h1 {
		font-size: 32px;
	}
	#front-sector-1-text-wrapper p {
		font-size: 42px;
		line-height: 28px;
	}
}
@media all and (max-width: 420px) {
	#front-sector-1-h1-wrapper h1 {
		font-size: 28px;
	}
	#front-sector-1-text-wrapper p {
		font-size: 38px;
		line-height: 24px;
	}
}
@media all and (max-width: 320px) {
	#front-sector-1-h1-wrapper h1 {
		font-size: 26px;
	}
	#front-sector-1-text-wrapper p {
		font-size: 32px;
		line-height: 20px;
	}
}

#front-sector-2 {
	background-color: #fcaf3b; color: #ffffff;
}
#front-sector-2 h1 {
	font-size: 120px; font-weight: bold; color: #ffffff;
}
#front-sector-2 h1:last-child  {
	font-size: 200px; font-weight: bold; color: #ffffff;
}
#front-sector-2 h1 img {
	display: inline-block; padding: 0; margin: 0; vertical-align: text-bottom;
}
#front-sector-2 h1 img#wordpress {
	max-width: 180px;
}
#front-sector-2 h1 img#woocommerce {
	max-width: 220px;
}
@media all and (max-width: 1280px) {
	#front-sector-2 h1 {
		font-size: 100px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 160px;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 200px;
	}	
	#front-sector-2 h1:last-child {
		font-size: 180px;
	}
}
@media all and (max-width: 1080px) {
	#front-sector-2 h1 {
		font-size: 90px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 140px;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 180px;
	}	
	#front-sector-2 h1:last-child {
		font-size: 160px;
	}
}
@media all and (max-width: 920px) {
	#front-sector-2 h1 {
		font-size: 80px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 120px;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 160px;
	}	
	#front-sector-2 h1:last-child {
		font-size: 120px;
	}
}
@media all and (max-width: 820px) {
	#front-sector-2 h1 {
		font-size: 65px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 110px;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 140px;
	}	
	#front-sector-2 h1:last-child {
		font-size: 110px;
	}
}
@media all and (max-width: 720px) {
	#front-sector-2 h1 {
		font-size: 55px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 90px;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 110px;
	}	
	#front-sector-2 h1:last-child {
		font-size: 100px;
	}
}
@media all and (max-width: 620px) {
	#front-sector-2 h1 {
		font-size: 60px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 50%;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 70%;
	}	
	#front-sector-2 h1:last-child {
		font-size: 90px;
	}
}
@media all and (max-width: 520px) {
	#front-sector-2 h1 {
		font-size: 50px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 60%;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 80%;
	}
	#front-sector-2 h1:last-child {
		font-size: 90px;
	}
}
@media all and (max-width: 420px) {
	#front-sector-2 h1 {
		font-size: 40px;
	}
	#front-sector-2 h1 img#wordpress {
		max-width: 70%;
	}
	#front-sector-2 h1 img#woocommerce {
		max-width: 80%;
	}
	#front-sector-2 h1:last-child {
		font-size: 80px;
	}
}
@media all and (max-width: 360px) {
	#front-sector-2 h1 {
		font-size: 32px;
	}
	#front-sector-2 h1:last-child {
		font-size: 90px;
	}
	#front-sector-2 h1:last-child {
		font-size: 70px;
	}
}
@media all and (max-width: 320px) {
	#front-sector-2 h1 {
		font-size: 26px;
	}
	#front-sector-2 h1:last-child {
		font-size: 80px;
	}
	#front-sector-2 h1:last-child {
		font-size: 55px;
	}
}
@media all and (max-width: 260px) {
	#front-sector-2 h1 {
		font-size: 22px;
	}
	#front-sector-2 h1:last-child {
		font-size: 50px;
	}
	#front-sector-2 h1:last-child {
		font-size: 45px;
	}
}

#front-sector-3 {
	max-width: 90%;
}
#front-sector-3 p {
	padding: 0; margin: 0; font-size: 78px; line-height: 1;
}
@media all and (max-width: 1024px) {
	#front-sector-3 p {
		font-size: 68px;
	}
}
@media all and (max-width: 768px) {
	#front-sector-3 p {
		font-size: 58px;
	}
}
@media all and (max-width: 620px) {
	#front-sector-3 p {
		font-size: 48px;
	}
}
@media all and (max-width: 520px) {
	#front-sector-3 p {
		font-size: 38px;
	}
}
@media all and (max-width: 420px) {
	#front-sector-3 p {
		font-size: 32px;
	}
}
@media all and (max-width: 360px) {
	#front-sector-3 p {
		font-size: 28px;
	}
}
@media all and (max-width: 320px) {
	#front-sector-3 p {
		font-size: 26px;
	}
}
@media all and (max-width: 260px) {
	#front-sector-3 p {
		font-size: 22px;
	}
}
#front-sector-3 ul {
	display: block; padding: 10px; margin: 2em auto; list-style: none; text-align: center;
}
#front-sector-3 li {
	display: inline-block; padding: 20px; margin: 20px; max-width: 620px; text-align: center;
}
/*
#front-sector-3 li:last-child {
  padding: 10px 0; margin: 10px auto; max-width: 920px;
}
*/
@media all and (max-width: 1620px) {
	#front-sector-3 li {
		max-width: 520px;
		padding: 10px; margin: 10px;
	}
}
@media all and (max-width: 1380px) {
	#front-sector-3 li {
		max-width: 480px;
		padding: 10px; margin: 10px;
	}
}
@media all and (max-width: 1280px) {
	#front-sector-3 li {
		max-width: 400px;
		padding: 10px; margin: 10px;
	}
}
@media all and (max-width: 1080px) {
	#front-sector-3 li {
		max-width: 620px; padding: 10px 0; margin: 10px auto;
	}
}
#front-sector-3 li img {
	box-shadow: 5px 10px 10px #ddd;
}
#front-sector-3 li span {
	font-size: 32px;
	color: #222222;
}


#front-sector-4 {
	text-align: center; background-color: #fcaf3b; color: #222222;
}
#front-sector-4 ul {
	display: inline-block; max-width: 80%; text-align: left;
}
#front-sector-4 li {
	font-size: 78px; line-height: 1;
}
@media all and (max-width: 1024px) {
	#front-sector-4 li {
		font-size: 68px;
	}
}
@media all and (max-width: 768px) {
	#front-sector-4 li {
		font-size: 58px;
	}
}
@media all and (max-width: 620px) {
	#front-sector-4 li {
		font-size: 48px;
	}
}
@media all and (max-width: 520px) {
	#front-sector-4 li {
		font-size: 38px;
	}
}
@media all and (max-width: 420px) {
	#front-sector-4 li {
		font-size: 32px;
	}
}
@media all and (max-width: 360px) {
	#front-sector-4 li {
		font-size: 26px;
	}
}
@media all and (max-width: 320px) {
	#front-sector-4 li {
		font-size: 22px;
	}
}
@media all and (max-width: 260px) {
	#front-sector-4 li {
		font-size: 18px;
	}
}

#front-sector-5 {
	display: inline-block; text-align: center; max-width: 660px;
}
#front-sector-5 h2 {
	font-size: 68px;
}
@media all and (max-width: 620px) {
	#front-sector-5 {
		padding: 20px;
	}
	#front-sector-4 ul {
		font-size: 48px;
	}
}
@media all and (max-width: 420px) {
	#front-sector-4 ul {
		font-size: 38px;
	}
}