.navbar-brand>img{
  height: 45px;
}

.logo-tall{
  display: none !important;
}

header li ul {display: none;}
header ul li a {display: block;height:70px;padding: 5px 15px 5px 15px;text-decoration: none;
         white-space: nowrap;color: #333333;line-height: 70px;font-family: 'Arial';font-weight: bold}
header li:hover ul {display: block; position: absolute;z-index: 20;background-color: #fff;}
header li:hover li {float: none;}
header li:hover a {color: #333333;padding: 10px 26px;font-size: 15px;}

.services-background{


}

.services-content ul li {
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 6px;
  position: relative;
  height: 800px;
  background: linear-gradient(to left, #928dab, #1f1c2c 70%);
  opacity: 0.8;
}

.web-design-header{
  background-image: url(../img/web-design-header-bg.jpg);
  background-position: center;
  background-size: cover;
}

.emails-header{
  background-image: url(../img/emails-header-bg.jpg);
  background-size: cover;
  background-position: center;
}

.start-up-header{
  background-image: url(../img/start-up-header-bg.png);
  background-size: cover;
  background-position: center;
}

.marketing-header{
  background-image: url(../img/marketing-header-bg.jpg);
  background-size: cover;
  background-position: center;
}

.emails-container{
  width: 100%;
  max-width: 1600px;
  margin: auto;
  padding: 0 30px;
}

.emails-1-4{
  width: 100%;
  margin: auto;
  padding: 30px 10px;
  display: flex;
}

#myCarousel{
  display: none;
}

.emails-table{
  height: auto;
  flex: 1;
  padding: 0 10px;
  box-sizing: border-box;
  vertical-align: top;
}

.emails-box{
  padding: 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: lightgrey;
}

.emails-box h2{
  font-size: 23px;
}

.emails-box h3{
  font-size: 17px;
}

.price{
  font-size: 36px !important;
  margin: .67em 0;
}

.carousel-indicators{
  bottom: -40px;
}

.carousel-indicators .active{
  background-color: black;
}

.carousel-indicators li{
  border: 1px solid black;
}

ion-icon.hydrated{
  font-size: 40px;
  color: #4A4656;
}

table#t01{
  width: 80%;
  text-align: center;
  margin: auto;
  margin-top: 40px;
  border-collapse: collapse;
  padding: 0 30px;
}

table#t01 caption{
  text-align: center;
  font-size: 36px;
}

table#t01 tr th{
  padding: 20px 5px;
  font-size: 17px;
}

table#t01 tr td{
  padding: 15px;
  height: 80px;
  box-sizing: border-box;
  font-size: 18px;
}

table#t01 tr td{
  border: 1px solid #ccc;
}

table#t01 tr td:first-child{
  border-left: 1px solid transparent;
}

table#t01 tr td:last-child{
  border-right: 1px solid transparent;
}

.compare-chart-header{
  text-align: left;
}

.compare-chart-full-header{
  display: none;
}

.start-up p a{
  color: inherit;
  text-decoration: underline !important;
}

/*----- Portfolio Start -----*/

.portfolio-container{
  width: 100%;
  max-width: 1200px;
  padding: 30px;
  margin: auto;
  box-sizing: border-box;
  text-align: center;
}

.portfolio{
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.portfolio img{
  width: 100%;
}

.portfolio img:hover{
  transform: scale(1.3);
}

.portfolio-text h3{
  text-align: center;
  color: #333;
}

/* Portfolio End */

.map-container{
  width: 100%;
  height: 400px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

#map{
  height: 453px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: -3px;
  box-sizing: border-box;
}
