h1 { margin: 0px; padding: 0px; font-size: 10px; }
h2 { padding-bottom: 0px; clear: left; }
.fix200 { width: 200px; }
.clearBoth { clear: both; }
img { max-width: 100%; height: auto; vertical-align: top !important; }
.portfolioDetails { text-align: left; background-color: #FFFFFF; color: #000000; vertical-align: top; }
.portfolioName { font-family: 'Open Sans', arial, helvetica; font-weight: 500; font-size: 24px; color: #333333; }
.portfolioFeatures { font-weight: normal; font-size: 14px; }
.portfolioDetails ul li, .portfolioDetails p { padding: 0; margin: 0; line-height: 1.5;}
.visitSite { font-size: 14px; font-weight: bold; }

.smallerPopup { display: block; }
.largerPopup  { display: none; }

.portfolioPoints { margin-bottom: 10px; }
.portfolioPoints ul, .portfolioPoints ul > li { margin: 0; padding: 0; }
.portfolioPoints ul > li { list-style: none; }
.portfolioPoints ul > li, .portfolioPoints ul > li > i.fa { display: inline; }
.portfolioPoints ul > li > i.fa { font-size: 12px; line-height: 13px; }

@media (min-width: 480px) {

}

@media (min-width: 768px) {
  .smallerPopup { display: none; }
  .largerPopup  { display: block; }
  .portfolioDetails { width: 695px; vertical-align: top; }
  .portfolioDetails .leftCol, .portfolioDetails .rightCol { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
  .portfolioDetails .leftCol { width: 335px; margin-right: 20px; }
  .portfolioDetails .rightCol { width: 335px; }
}

@media (min-width: 992px) {
  .portfolioDetails { width: 865px; vertical-align: top; }
  .portfolioDetails .leftCol, .portfolioDetails .rightCol { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
  .portfolioDetails .leftCol { width: 420px; margin-right: 20px; }
  .portfolioDetails .rightCol { width: 420px; }
}