.iframe-container {
  overflow:hidden;
  padding-bottom:50%;
  position:relative;
  height:0;
}

.iframe-container iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.font-black {
  color :black !important;
}

p {
  font-size: 120%;
}

body {
  color: rgba(255, 255, 255, 0.7);
}

.font-white {
  color: white !important;
}

.recent-post-thumbnail {
  margin:0 auto;
}

.recent-post-body {
  text-align: center;
}

.page-title {
  margin-right:100px;
  margin-bottom:100px;
  text-align:right;
  font-size:300%
}

@media all and (orientation: portrait)
{
    .page-title {
      text-align:center;
      margin-right:0;
    }
}

.bg-trans {
  background-color: rgba(0,0,0,0.4) !important;
}

.project-title {
  color : #c6f03d;
  text-shadow: 0 0 10px black;
  display:inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.navbar-desctop-menu {

    text-shadow: 0 0 10px black;
}


.rev_slider ul li {
  background: rgba(0,0,0,0.4) no-repeat fixed center !important;

}

.header-phone a {
  font-size: 120% !important ;
  font-weight: bold;
}

.navbar-mobile.affix-top > .btn-phone {
  left:40%;
}

.underline-primary {
  padding-bottom: 5px;
  padding-left:5px;
  border-bottom: 3px solid #c6f03d;
  line-height: 200%;
}

.text-vertical {
	writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  font-size:80%;
  margin: 0 auto;
}

hr {
  width: 10%;
  text-align: left;
  border-color: #c6f03d;
}

.service-item {
  font-size:120%;
}

.recent-post {
  margin-bottom:20px;
}

.col-md-4.col-sm-6.col-xs-6 {
  margin-bottom:30px;
}

.navbar-desctop-menu li a {
  text-shadow: 0 0 20px black;
  font-weight: bold;
}

@media (max-width:374px) and (min-width:376px) {

}

@media (max-width: 480px)  {

}

@media (min-width:481px) and (max-width: 768px)  {
/* smartphones, iPhone, portrait 480x320 phones */

}
@media (min-width:769px) and (max-width:991px)  {
/* tablet, landscape iPad, lo-res laptops ands desktops */

  .big-margin-bottom {
    margin-bottom:200px !important;
  }
}
@media (min-width:992px) {
/* big landscape tablets, laptops, and desktops */
  .big-margin-bottom {
    margin-bottom:300px !important;
  }
}


@media (max-width:1145px) {
  .phone-nav {
    display: none;
  }

  .phone-icon {
    font-size:300%;
  }

  .nav-li {
    margin-left:5px !important;
  }
}