section teams

index.html

 <meta property="og:description" content="Site description" />
 
 <!-- Styles -->
+<link rel="stylesheet"  type="text/css" href="teams/nicepage.css" >
+<link rel="stylesheet"  type="text/css" href="teams/teams.css" >
 <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
 <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css">
 
+
 <!-- Favicon -->
 <link rel="shortcut icon" href="images/favicon.ico"/>
 
 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>
 					<!-- <li><a href="#team-wrap">our team</a></li> -->
 					<li class="services-wrap"><a  class="clear_storage " href="#services-wrap">services</a></li>
+					<li><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>
 					<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">stats</a></li>
 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>
 					<!-- <li><a href="#team-wrap">our team</a></li> -->
 					<li><a data-id ="services_link" class="clear_storage" href="index.html#services-wrap">services</a></li>
+					<li><a data-id ="teams_link" class="clear_storage" href="index.html#teams-wrap">teams</a></li>
 					<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">states</a></li>
 			</div><!-- end Services Item -->							
 		</section>
 	</div><!-- end Services -->	
-
+	<div id="teams-wrap">
+		<div class="section-triangle-grey"></div>
+		<section class="general-section u-align-center u-clearfix u-custom-typography u-typography-custom-page-typography-38--Team u-white u-section-1" id="carousel_e6e6">
+			<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+			  
+			<div class="teams-title-cont">
+				<h2 class="teams-title">Our Team</h2>
+				<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
+			</div>			  
+			  <div class="u-clearfix u-disable-padding u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
+				<div class="u-gutter-0 u-layout">
+				  <div class="u-layout-row">
+					<div class="u-align-center u-container-style u-layout-cell u-left-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-1">
+					  <div class="u-container-layout u-container-layout">
+						<img src="images/971fdb43dc2f588596ae88648e52c716.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-1">
+						<h4 class="u-align-center u-text u-text">David Harrison</h4>
+						<h6 class="u-align-center u-text u-text">Vice President</h6>
+					  </div>
+					</div>
+					<div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-2">
+					  <div class="u-container-layout u-valign-top u-container-layout">
+						<img src="images/692d1925165cb8942c65615ec4fb656e.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-2">
+						<h4 class="u-text u-text">Celia Almeda</h4>
+						<h6 class="u-text u-text">Sales Manager</h6>
+					  </div>
+					</div>
+					<div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">
+					  <div class="u-container-layout u-valign-top u-container-layout">
+						<img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">
+						<h4 class="u-text u-text">Anaya Reed</h4>
+						<h6 class="u-text u-text">Web Designer</h6>
+					  </div>
+					</div>
+					<div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">
+					  <div class="u-container-layout u-valign-top u-container-layout-4">
+						<img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">
+						<h4 class="u-text u-text">Jack Alvarez</h4>
+						<h6 class="u-text u-text">Support</h6>
+					  </div>
+					</div>
+					<div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">
+						  <h4 class="u-text u-text">Jack Alvarez</h4>
+						  <h6 class="u-text u-text">Support</h6>
+						</div>
+					  </div>
+					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">
+						  <h4 class="u-text u-text">Jack Alvarez</h4>
+						  <h6 class="u-text u-text">Support</h6>
+						</div>
+					  </div>
+					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">
+						  <h4 class="u-text u-text">Jack Alvarez</h4>
+						  <h6 class="u-text u-text">Support</h6>
+						</div>
+					  </div>
+					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">
+						  <h4 class="u-text u-text">Jack Alvarez</h4>
+						  <h6 class="u-text u-text">Support</h6>
+						</div>
+					  </div>
+					  <div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">
+						  <h4 class="u-text u-text">Anaya Reed</h4>
+						  <h6 class="u-text u-text">Web Designer</h6>
+						</div>
+					  </div>
+					  <div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">
+						<div class="u-container-layout u-valign-top u-container-layout">
+						  <img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">
+						  <h4 class="u-text u-text">Anaya Reed</h4>
+						  <h6 class="u-text u-text">Web Designer</h6>
+						</div>
+					  </div>
+				  </div>
+				</div>
+			  </div>
+			</div>
+		  </section>
+	</div>
 	<div id="contact-wrap" class="home-section dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">
 		<section id="contact" class="contact general-section clearfix">
-			<div class="section-triangle-grey"></div>
+		
 			<div class="section-title">
 				<h2>Let's Get Started Today</h2>
 				<h5>Whether you're just getting started with your app idea or you're a multinational trying to evolve your brand for the future, we're ready to work with you. Reach out to us today and let's start talking about your project ideas.</h5>
 			<div class="one_half contact-form">
 				<h3>CONTACT FORM</h3>
 				<h5>Do you have any questions? Send us a message</h5>
-				<div class="log"></div>
-				<form id="contact-form" method="POST" action="https://formspree.io/xnqgkykr">
+				<!-- <div class="log"></div> -->
+				<form id="contact-form" method="POST" action="https://formspree.io/f/xbjpojln" style="display:block!important">
 					<input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..." required>
 					<input id="email-txt" class="input-txt" name="email" type="email" placeholder="Write your email here..." required>
 					<input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..." required>
 <script type="text/javascript" src="scripts/custom.js"></script>
 <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>
 <script type="text/javascript" src="scripts/jquery.typed.js"></script>
+<script type="text/javascript" src="teams/nicepage.js"></script>
 <script type="text/javascript">
 
 jQuery(document).ready(function($) {

portfolio.html

 						<li><a data-id="our_partners-wrap" class="home_link" href="index.html">our partners</a></li>
 						<!-- <li><a href="#team-wrap">our team</a></li> -->
 						<li><a  data-id ="services-wrap" class="home_link" href="index.html">services</a></li>
+						<li><a  data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li>
 						<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">stats</a></li>
 						<li><a data-id ="about-wrap" class="home_link" href="#about-wrap">about us</a></li>
 						<li ><a data-id="our_partners-wrap"  class="home_link" href="#our_partners-wrap">our partners</a></li>
 						<!-- <li><a href="#team-wrap">our team</a></li> -->
-						<li><a  data-id ="services-wrap" class="home_link" href="index.html#services-wrap">services</a></li>
+						<li><a  data-id ="services-wrap" class="home_link" href="#services-wrap">services</a></li>
 						<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 						
-						<li class="active"><a data-id ="contact-wrap" class="home_link" href="index.html#contact-wrap">contact</a></li>
+						<li class="active"><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">contact</a></li>
 						
 						<li class="active"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
 					</ul>

scripts/custom.js

 
     function success(){
         //form.reset();
-        button.style = "display: none ";
+        form.css('display', 'block!important');
+        //button.style = "display: none ";
         status.addClass("successfully").text("Thanks!");
     }
 
         status.addClass("error").text("Oops! There was a problem.");
     }
 
-    button.on("submit", function(ev) {
-        ev.preventDefault();
-        button.style = "display: none ";
+    button.on("click", function(ev) {
+        //ev.preventDefault();
+        //button.style = "display: none ";
         var data = new FormData(form);
         ajax(form.method, form.action, data, success, error);
+        // $.ajax({
+        //     url: "https://formspree.io/xnqgkykr",
+        //     method: "POST",
+        //     dataType: "json",
+        //     data: data
+        //   }).then((response) => { success(); });
     });
 
     function ajax(method, url, data, success, error) {
     }
 
     //end contact form
-    $('#contact-wrap').waypoint(function() {
-        animate();
-    });  
+    // $('#contact-wrap').waypoint(function() {
+    //     animate();
+    // });  
     //nikola
 
     $('.clear_storage').on('click', function(e){
                 $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
                 $("nav li.contact-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
             }
+            if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */
+            
+                $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
+                $("nav li.teams-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
+            }
         
         }	
     });

teams/teams.css

+#teams-wrap
+{
+    background-color: #1d1d1d;;
+    color:#ffff;
+    position: relative;
+}
+.teams-title-cont
+{
+    padding-top: 45px;
+}
+.teams-title-cont > *
+{
+    text-align: left;
+}
+.teams-title
+{
+    font: 72px 'bebas_neue', Helvetica, Arial, sans-serif!important;
+    padding: 0;
+    margin-bottom: -10px;
+}
+.u-section-1 .u-sheet-1 {min-height: 783px}
+
+.u-section-1 .u-layout-wrap-1 {margin: 40px auto 60px 0}
+.u-section-1 .u-layout-cell-1 {min-height: 448px; background-position: 0% 0%}
+.u-section-1 .u-container-layout-1 {padding: 15px}
+.u-section-1 .u-image-1 {height: 329px; margin: 0 auto}
+
+.u-section-1 .u-layout-cell-2 {min-height: 448px; background-position: 0% 0%}
+
+.u-section-1 .u-image-2 {height: 329px; margin: 0 auto}
+
+.u-section-1 .u-layout-cell-3 {min-height: 448px; background-position: 0% 0%}
+
+.u-section-1 .u-image-3 {height: 329px; margin: 0 auto}
+
+.u-section-1 .u-layout-cell-4 {min-height: 448px; background-position: 0% 0%}
+.u-section-1 .u-container-layout {padding: 15px}
+.u-section-1 .u-image-4 {height: 329px; margin: 0 auto;}
+.u-section-1 .u-text {width: 203px; margin: 0px auto 0;}
+.u-section-1 .u-text {
+    width: 203px;
+    margin: 10px auto 0;
+    padding-bottom: 0px;} 
+
+@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 646px}
+.u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
+.u-section-1 .u-layout-cell-1 {min-height: 369px}
+.u-section-1 .u-image-1 {height: 271px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-text-3 {width: 175px}
+.u-section-1 .u-text-4 {width: 175px}
+.u-section-1 .u-layout-cell-2 {min-height: 369px}
+.u-section-1 .u-image-2 {height: 271px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-text-5 {width: 175px}
+.u-section-1 .u-text-6 {width: 175px}
+.u-section-1 .u-layout-cell-3 {min-height: 369px}
+.u-section-1 .u-image-3 {height: 271px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-text-7 {width: 175px}
+.u-section-1 .u-text-8 {width: 175px}
+.u-section-1 .u-layout-cell-4 {min-height: 369px}
+.u-section-1 .u-image-4 {height: 271px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-text-9 {width: 175px}
+.u-section-1 .u-text-10 {width: 175px} }
+
+@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 495px}
+.u-section-1 .u-layout-cell-1 {min-height: 100px}
+.u-section-1 .u-image-1 {height: 415px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-layout-cell-2 {min-height: 100px}
+.u-section-1 .u-image-2 {height: 415px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-layout-cell-3 {min-height: 100px}
+.u-section-1 .u-image-3 {height: 415px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-layout-cell-4 {min-height: 100px}
+.u-section-1 .u-image-4 {height: 415px; margin-right: initial; margin-left: initial} }
+
+@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 371px}
+.u-section-1 .u-text-1 {width: 540px}
+.u-section-1 .u-text-2 {width: 540px}
+.u-section-1 .u-container-layout-1 { padding: 0px}
+.u-section-1 .u-image-1 {height: 623px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
+.u-section-1 .u-image-2 {height: 623px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
+.u-section-1 .u-image-3 {height: 623px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-container-layout-4 {padding-left: 10px; padding-right: 10px}
+.u-section-1 .u-image-4 {height: 623px; margin-right: initial; margin-left: initial} }
+
+@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 234px}
+.u-section-1 .u-text-1 {width: 340px}
+.u-section-1 .u-text-2 {width: 340px}
+.u-section-1 .u-image-1 {height: 392px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-image-2 {height: 392px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-image-3 {height: 392px; margin-right: initial; margin-left: initial}
+.u-section-1 .u-image-4 {height: 392px; margin-right: initial; margin-left: initial} }.u-section-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K"); background-position: 50% 50%}
+.u-section-2 .u-sheet-1 {min-height: 800px}
+.u-section-2 .u-text-1 {margin: 60px auto 0}
+.u-section-2 .u-text-2 {margin: 30px auto 60px} 
+
+@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 660px} }
+
+@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 506px} }
+
+@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 380px} }
+
+@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 287px} }