body, html {
    color:#b2b2b2;
    height: 100%;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
  
}

.parallaxHeader {

    background-image: url("../img/image1 1.jpg");
    background-color: rgba(0,0,0,.8);
    top:0;
    height: 80%;
    width: 100%;
    background-attachment: fixed;
    background-position: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer{
  background-color: #161616;
  padding-top:50px;
}

.description{

    position: absolute;
    top: 50%;
    margin: auto;
  
}

.card{
  	
    background-color:#E6B000;
	border-radius: 0;
    width: 62%;
	border-bottom-right-radius: 50px;
	

}
h5{
     padding-right: 40px;
  padding-left: 40px;
    line-height: 1.6;
    font-size: 15px;
    text-align: justify;
    color: black;
    font-family: 'Ubuntu', sans-serif;
}
h1{
	
    color: white;
    font-size: 100px;
	font-family: 'Ubuntu', sans-serif;
}
.start{
     text-indent: 50px;
}

h2{   
    color: white;
    font-size: 70px;
    font-family: 'Ubuntu', sans-serif;
}
h7{   
    color: white;
    font-size: 70px;
    font-family: 'Ubuntu', sans-serif;
}
.whywe{
    padding-top: 180px;
}
.whywe-text{
    padding-top: 50px;
}
.whywe p{
    font-size: 20px;
    color: #b2b2b2;
    text-align: justify;
}
.whywe p em{
    color:#E6B000;
}

.tech{
    padding-top:50px;
}

.tech-text{
    padding-top: 50px;
}
.tech p{
    font-size: 20px;
    color: #b2b2b2;
    text-align: justify;
}
.tech p em{
    color:#E6B000;
}
.box{
    padding-top: 40px;
}
.innerbox{
    padding: 20px;
    background-color: #191919;
    font-size: 30px;
    color: #b2b2b2;
}
.mission{
    padding: 70px 150px;
    padding-bottom: 180px;
}
.quote-right{

  margin:0 auto;
  text-align: center;
  display:block;
  font-size:35px;
  color:#383838;
  cursor: pointer;
  transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
}
.quote-text{

    text-align: center;
    color: #E6B000;
    font-size: 60px;
    font-family: 'Ubuntu', sans-serif;

}
.quote-text em{
    color:white;
    font-family: 'Ubuntu', sans-serif;
}
.delay-02s { 
  animation-delay: 0.2s; 
  -webkit-animation-delay: 0.2s; 
}
.delay-03s { 
  animation-delay: 0.3s; 
  -webkit-animation-delay: 0.3s; 
}
.delay-04s { 
  animation-delay: 0.4s; 
  -webkit-animation-delay: 0.4s; 
}

.delay-05s { 
  animation-delay: 0.5s; 
  -webkit-animation-delay: 0.5s; 
}
.delay-06s { 
  animation-delay: 0.6s; 
  -webkit-animation-delay: 0.6s; 
}

.delay-07s { 
  animation-delay: 0.7s; 
  -webkit-animation-delay: 0.7s; 
}
.delay-08s { 
  animation-delay: 0.8s; 
  -webkit-animation-delay: 0.8s; 
}

.delay-09s { 
  animation-delay: 0.9s; 
  -webkit-animation-delay: 0.9s; 
}
.delay-1s { 
  animation-delay: 1s; 
  -webkit-animation-delay: 1s; 
}
.delay-12s { 
  animation-delay: 1.2s; 
  -webkit-animation-delay: 1.2s; 
}

.main{

    width: 100%;
    background-color:black;
    font-size:36px;
}
.arrow {
  
      text-align: right;
  }

  .bounce {
    
      -moz-animation: bounce 2s infinite 2s;
      -webkit-animation: bounce 2s infinite 2s;
      animation: bounce 2s infinite 2s;

  }

  @keyframes bounce {
  
      0%, 20%, 50%, 80%, 100% {
          transform: translateY(10px);
      }
      40% {
          transform: translateY(-120px);
      }
      60% {
          transform: translateY(-30px);
      }
    }


.contact-info-box{
  font-size:20px;
  color: #b2b2b2;
  margin:0 0 14px 68px;
  padding-left:0;
}
.contact-info-box h3{
  font-size: 20px;
  font-weight:400;
  float:left;
  color: #E6B000;
  width:102px;
  margin-right:12px;
  line-height:28px;
}
.contact-info-box span{
padding-top: 21px;
  line-height:28px;
  display:block;
  overflow:hidden;
}

ul.socialIcons {
    padding: 0;
    text-align: center;
}
.socialIcons li {
    background: yellow;
    list-style: none;
    display: inline-block;
    margin: 15px;
    margin-top: 15%;
    border-radius: 2em;
    overflow:hidden;
}
.socialIcons li a {
    display: block;
    padding: .5em;
    max-width: 2.3em;
    min-width: 2.3em;
    height: 2.3em;
    white-space: nowrap;
    line-height: 1.5em;
    transition:.5s;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
}
.socialIcons li i {
    margin-right:.5em;
}
.socialIcons li:hover a {
    max-width:200px;
    padding-right:1em;
}
.socialIcons .facebook {
    background: #3b5998;
    box-shadow: 0 0 16px #3b5998;
}
.socialIcons .twitter {
    background: #00aced;
    box-shadow: 0 0 16px #00aced;
}
.socialIcons .instagram {
    background: #cd486b;
    box-shadow: 0 0 16px #cd486b;
}
.socialIcons .pinterest {
    background: #c92228;
    box-shadow: 0 0 16px #c92228;
}
.socialIcons .steam {
    background: #666666;
    box-shadow: 0 0 16px #666666;
}


  @keyframes bounce {
  
      0%, 20%, 50%, 80%, 100% {
          transform: translateY(10px);
      }
      40% {
          transform: translateY(-120px);
      }
      60% {
          transform: translateY(-30px);
      }
    }
.timeline{
    padding-top: 50px;
}
section#timeline {
  width: 100%;
  margin: 20px auto;
  position: relative;
}
section#timeline:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -1px;
  width: 2px;
  height: 100%;
  background: rgba(255,255,255,0.2);
}
section#timeline article {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}
section#timeline article:after {
  content: '';
  display: block;
  clear: both;
}
section#timeline article div.inner {
  width: 40%;
  float: left;
  margin: 5px 0 0 0;
  border-radius: 6px;
}
section#timeline article div.inner span.date {
  display: block;
  width: 60px;
  height: 50px;
  padding: 5px 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #E6B000;
  color: black;
}
section#timeline article div.inner span.date span {
  display: block;
  text-align: center;
}
img{
   
    padding-right:100px;
}
section#timeline article div.inner span.date span.day {
  font-size: 10px;
}
section#timeline article div.inner span.date span.month {
  font-size: 18px;
}
section#timeline article div.inner span.date span.year {
  font-size: 10px;
}
section#timeline article div.inner h2 {
  padding: 15px;
  margin: 0;
  color: black;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  border-radius: 6px 6px 0 0;
  position: relative;
}
section#timeline article div.inner h2:after {
  content: '';
  position: absolute;
  top: 20px;
  right: -5px;
  width: 10px; 
  height: 10px;
  -webkit-transform: rotate(-45deg);
}
section#timeline article div.inner p {
  padding: 15px;
  margin: 0;
  font-size: 14px;
  background: #191919;
  color: #b2b2b2;
  border-radius: 0 0 6px 6px;
}
section#timeline article:nth-child(2n+2) div.inner {
  float: right;
}
section#timeline article:nth-child(2n+2) div.inner h2:after {
  left: -5px;
}
section#timeline article:nth-child(1) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(1) div.inner h2:after {
  background: #E6B000;
}
section#timeline article:nth-child(2) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(2) div.inner h2:after {
  background: #E6B000;
}
section#timeline article:nth-child(3) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(3) div.inner h2:after {
  background: #E6B000;
}
section#timeline article:nth-child(4) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(4) div.inner h2:after {
  background: #E6B000;
}
section#timeline article:nth-child(5) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(5) div.inner h2:after {
  background: #E6B000;
}
section#timeline article:nth-child(6) div.inner h2 {
  background: #E6B000;
}
section#timeline article:nth-child(6) div.inner h2:after {
  background: #E6B000;
}


/*menu item*/

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

.cd-nav-trigger {
  top: 20%;
  right: 4%;
  height: 65px;
  width: 65px;
  z-index: 5;
  position: fixed;
  display: inline-block;
  color: white;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: white;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-color: #E6B000;
   animation: beat .5s infinite alternate;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}


/* Heart beat animation */
@keyframes beat{
  to { transform: scale(1); }
}
.cd-nav-trigger::before {
  background-color: #E6B000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  background-color: black;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 80px 5%;
  z-index: 3;
  background-color: #E6B000;
  overflow: hidden;
  text-decoration: none;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  display: block;
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  color: black;
}
.cd-primary-nav li a {
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.cd-primary-nav li h2{
    color: black;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}

.aj h3{
    font-size: 30px !important;
    text-decoration: none;
    color: #E6B000;
}
.img-rund img{
    width: auto !important; 
    border: 2px solid #E6B000;  
    border-radius: 50%;}

.npr {   border-right: 0px !important; }
.npr p{
    text-indent: 30px;
    letter-spacing: 1.6;
    font-size: 18px;
}
.nm {margin: 0px !important;}
.text-center{
    text-align: center;
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 20%;
  right: 4%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color: #E6B000;
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: black;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  z-index: 1;
}
.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}
.cd-content h1 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-content p {
  line-height: 1.5;
  color: #a76500;
}


.contact-form{
    padding-top: 100px;
    background: black;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 60%;
}
.contact-form .form-control{
    border-radius:1rem;
    border: 2px;
    border-style: solid;
    border-color: #E6B000;
}
.contact-form form{
    padding: 1%;
    padding-bottom: 50px;
}
.contact-form form .row{

    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #E6B000;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #E6B000;
    font-size: 20px;
    color: black;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: black;
    background-color: #E6B000;
    border: none;
    cursor: pointer;
}

.Job-title{
    font-size: 45px;
}
.Job-location, .Job-type{
    font-size: 20px;
}
button {
    background-color: #E6B000;
    color: black;
    border: 10px solid #E6B000;
    border-radius: 15px;
}
.mapouter{
    position:relative;
    text-align:right;
    height:500px;
    width:600px;
    
}
.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:500px;
    width:600px;
    
}
@media only screen and (min-width: 768px) {
  .cd-content .cd-intro {
    height: 250px;
    padding-top: 6em;
  }
  .cd-content h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .cd-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}


@media only screen and (max-device-width: 1024px) {
    .int{
        padding-top: 0px;
    }
    .parallaxHeader {
        background-attachment: scroll;
    }
.parallaxFooter {
    
   
    height: 100%;

}
    .arrow, .read{
    	display: none;
    }
    h1{
    	font-size: 50px;
    }
    .card{
        width: 100%;
    }
    .quote-right{
        font-size: 15px;
    }
    .quote-text{
        font-size: 18px;
    }
    .mission{
        padding:0;
        padding-top: 50px;
        padding-bottom:50px;
    }
    .whywe{
       padding-top: 380px;
        
    }
    h2{
         font-size: 40px;
       
    }
    h7{
        font-size:25px;
    }
    why{
       
        padding-bottom: 0px; 
    }
    box
    {
      padding-top: 50px;  
      padding-bottom:30px;
    }
    .box{
        padding-top:10px;
    }
    .innerbox{
         font-size: 18px;
    }
    .contact-info-box{
        font-size: 12px;
        background-size:contain;
        padding:0px;
        height:100%;
        margin-left:35px;
        line-height:0px;
    }
    .contact-info-box h3{
        font-size: 12px;
    }
 
.contact-info-box span{
padding-right:0px;
font-size: 12px;
line-height:18px;
margin-left:0px;
}
    section#timeline article div.inner span.date {
        left:10%;
    }
    section#timeline:before {
        left: 10%;
    }
    section#timeline article div.inner {
        width: 70%;
        float: right;
    }
  
    section#timeline article div.inner h2:after {
        left: -5px;
    }
}


@media only screen and (min-width: 992px) {
  /****Ipad Landscape 1024 Container 970 ****/
   .contact-form{
        padding-top:200px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /****Ipad Portrait 768 Container 750 ****/
       .copy{float:left;}
         .main-section{ padding:50px 0;}
         
  .footer{  padding-top:20px;}
   .contact-form{
        padding-top:300px;
        width:100%;
    }

}


@media only screen and (max-width: 767px) {
    
  /****Mobile Landscape 480 Container 100% ****/
   body{ font-size:12px;}
  h2{ font-size:26px;}
  h3{ font-size:14px;}
  h6{ font-size:16px; margin-bottom:40px;}
  .main-section{ padding:60px 0 70px;}
   .contact-info-box{ margin:0 0 12px 30px; font-size:12px;}
  .contact-info-box span{ line-height:18px;}
  .contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
  .main-section.contact{ padding:0px}
   .main-section.contact{ background-size:contain;}
  .copy{float:left;}
  .footer{  padding-top:20px;}
  .hire{padding-bottom:-40px;}
    .mapouter{
    height:300px;
    width:300px;
    }
    .gmap_canvas {
    height:300px;
    width:300px;
    }
     .contact-form{
        padding-top:400px;
        width:100%;
    }

}

@media only screen and (max-width: 650px) {
  /****Mobile Portrait 320 ****/
   body{ font-size:12px;}
  h2{ font-size:26px;}
  h3{ font-size:14px;}
  h6{ font-size:16px; margin-bottom:40px;}
  .main-section{ padding:60px 0 70px;}
   .contact-info-box{ margin:0 0 12px 30px; font-size:12px;}
  .contact-info-box span{ line-height:18px;}
  .contact-info-box.phone span, .contact-info-box.email span { padding-top: 6px;}
  .main-section.contact{ padding:0px}
   .main-section.contact{ background-size:contain;}
  .copy{float:left;}
 .footer{  padding-top:20px;}
 .hire{padding-bottom:-40px;}
   .mapouter{
    height:300px;
    width:300px;
    }
    .gmap_canvas {
    height:300px;
    width:300px;
    }
     .contact-form{
        padding-top:450px;
        width:100%;
    }
    
}