/*body {
	 padding-top: 80px;
}*/
.wrapper {margin: 0 auto;  max-width: 1920px; }
a:hover, a:focus {outline: none; text-decoration: none; color: #333;}
a {text-decoration: none; color: #999;}
.containercompany {margin: 0 auto; width: 100%; padding: 0 3.19445%;  box-sizing: border-box;  max-width: 100%;  color: #202020;  min-width: 380px; }

.resources {margin: 0 auto; width: 100%; min-width: 360px; }


#company {background-color: #fff; color: #333;  position: relative;}
#company .row {padding-bottom: 10px;}
#company ul {margin-bottom: 0; padding: 0;}
#company .wrapper > ul > li {list-style-type: none;}
#company img {max-width: 91.1%; display: block; left: 4.45%; }
#company img.retina {display: none;} 
#company .name {font-size: 1.2em; padding-top: 10px; line-height: 1.45em; font-weight: normal; color: #333; display: block; text-transform: uppercase;  }
#company .attributes {padding-top: 16px; padding-left: 14px;}
#company .attributes > li {  list-style-type: none; font-size: 1em; line-height: 1.8em; padding-left: 7px; }
#company .attributes > li span {line-height: 1.562em; font-size: 1em; position: relative; top: 2px; color:#333;}

#contact {background-color: #efefef; color: #333333; padding-top: 0px; padding-bottom: 10px;  -webkit-border-radius: 3%; border-radius:3%;}
#contact h2 {font-size: 3.3em; line-height: 2.05em; font-weight: bold; text-transform: uppercase;}
#contact p {font-size: 1.4em; line-height: 1.61em; margin-top: 22px; margin-bottom: 20px; width: 80%;}
#contact .link {font-size: 1.3em; display: inline-block;  text-transform: uppercase;margin-bottom: 2px;}
#contact .link span{font-size: 1.5em; font-weight: bold;}
#contact .link em {font-style: normal; font-size: 1.2em;}


#contact form input {background-color: #fff; border: 0; -webkit-border-radius: 3px; border-radius: 3px;}
#contact form textarea {background-color: #fff; border: 0; -webkit-border-radius: 3px; border-radius: 3px; font-size: 1.3em; line-height: 1.3em; padding: 15px 3% 15px 3%; width: 100%; outline: none; color: #fff; resize: none; height: 190px;}
#contact form .text {font-size: 1.3em; line-height: 1em; height: 30px; padding: 15px 3% 15px 3%; width: 100%; outline: none; color: #fff;}
#contact form > div > label {font-size: 1em; line-height: 20px;left: 3%; cursor: text; padding: 10px 0; margin: 0; font-weight: normal;}
#contact form > div > label span {color: #fff; margin-left: 3px;}

#contact .button {margin-top: 10px;}
#contact .button > div {padding-right: 0;}
#contact .notification {font-size: 1.2em; font-weight: bold; padding-top: 16px; padding-left: 0; display: none;}
#contact .notification img {margin-left: 10px;}
#contact .button .col-md-4 {padding-left: 2%;}
#contact button {font-size: 1.1em; color: #fff; border: 2px solid #3a3a3a; padding: 15px 0 14px; font-weight: bold; text-align: center; background-color: transparent; width: 100%; }
#contact button:hover {opacity: 0.5;} 
#contact button:active  {opacity: 0.5; position: relative;top: 1px;}


.jumbotron {
    margin-bottom: 0px;
    background-image: url(../img/webdev.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
    margin: 0px;
    padding: 0px;
}
  /* Bump up size of jumbotron content */
  .jumbotron-caption h1 {
  	font-size: 30px;
  	text-align: center;
  }
  .jumbotron-caption p {
  	text-align: center;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-image {
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
  }
 
 
/** media queries **/
@media screen and (max-width: 720px) {
  h1 { font-size: 2.7em; }
} 
@media screen and (max-width: 500px) {
  h1 { font-size: 2.0em;
  line-height: 1.0em; }
}