/* Enter Your Custom CSS Here */
#socialhead { float: right; padding-top: 15px; color: #fff;}
.top-bar { background: rgba(47, 44, 44, 0); }

.header.solid { background-color: #7a7a7a; }
.intro_text h1 {text-align: center;}
p.description { color: #000;}
.skill-semi {background-color: #9e4d53;}
span.port-name {color: #000;}
#name {color: #fff;}
#email {color: #fff;}
#subject {color: #fff;}
#message {color: #fff;}
i.fa.fa-mobile {color: #650417;}
i.fa.fa-heart {color: #650417;}
i.fa.fa-lightbulb-o {color: #650417;}
i.fa.fa-film {color: #650417;}
i.fa.fa-eye {color: #650417;}
i.fa.fa-flag {color: #650417;}
h3.title {color: #000;}
.tp-rightarrow.tparrows.default.round {display: none;}
.tp-leftarrow.tparrows.default.round {display: none;}
img.footer-logo { display: none; }
.address h2 {color: #fff; font-weight: bold; }
.port-info {display : none;}
.project-btn {display: none;}
.vc_col-sm-6.wpb_column.column_container.vc_custom_1433346799852 {
  padding: 35px;
  opacity: 0.9;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

/***@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	a.logo img { display: none; }	
}****/

@media (max-device-width: 768px){
    #top .fl-rich-text, #impact .fl-rich-text, #navigation .fl-rich-text {
      background: rgba(255,255,255,0.8);
      padding: 15px 26px;
    }
  #navigation a.fl-button
  {
    background: rgba(255,255,255,0.8);
  }
  
}