body{
background-color: #22d9c7;
}

.navbar-brand {
    border-bottom: 2px solid #2a32d3;
}

.navbar-default {
    background-color: #17324a;
    border-color: #2a34d3;
}

#jumbo1 {
  text-align: left;
  background-image: url("https://ih1.redbubble.net/image.758037853.7860/flat,1000x1000,075,f.u1.jpg");
  background-repeat: repeat-x;
  background-size: 70% 100%;
  margin: 0px;
  color: #fff;
}
.jumbotron {
  background-color: white;
}
.jumbotron h1 {
  color: #5a5a5a;
  text-decoration: none;
  font-weight: bold;
}

.navbar a{
	text-decoration: none;
}
#jumbo1 h1 {
  color: #fff;o
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
#jumbo2 {
  padding-top: 0px;
}
#jumbo2 .col-md-4 {
  margin-top: 35px;
}
#swift {
  color: #ffac45;
  font-weight: bold;
}
#ruby {
  color: #701516;
  font-weight: bold;
}
#github {
  color: #337ab7;
}
#repositorioweb {
  color: #fff;
}
#shopify {
  color: #96bf48;
}
#wwdc {
  color: #1da1f2;
}

#icongithub:hover{
 background-color:#333;
 border-radius: 200px;
}

#iconual:hover{
 background-color:#333;
 border-radius: 200px;
}

#iconazure:hover{
 background-color:#3374b7;
 border-radius: 200px;

}

#icongit:hover{
 background-color:#cc3800;
 border-radius: 200px;
}

#jumbo1 img{
  width: 150px;
  height: auto;
  vertical-align: middle;
  border: 10px;
  border-radius: 130px;
}

#jumbo1 p{
    margin-top: 10px;
	text-align: center;
}
.jumbotron hr {
  width: 75%;
  height: 3px;
  border: 0 none;
  background: #5a5a5a;
  padding-bottom: 0px;
  margin: auto;
  margin-bottom: 20px;
}
.jumbotron img {
  width: 260px;
  height: auto;
  vertical-align: middle;
  border: 6px solid #337ab7;
  border-radius: 130px;
}
.jumbotron p {
  margin-top: 10px;
  text-align: left;
}
@media (max-width: 767px) {
  .jumbotron {
    margin-top: 25px;
  }
  #jumbo2 p {
    margin-top: 15px;
    text-align: left;
  }
  .navbar-right {
    visibility: hidden;
  }
}