.portfolio-banner:after{clear:both;content:'';display:block}.portfolio-banner{bottom:3em;position:absolute;right:0}.portfolio-banner .smartphone{max-width:18em;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.portfolio-banner .smartphone .screen{height:454px}.portfolio-banner .content{margin-top:1.5em;text-align:center}.portfolio-banner .content h3{color:#009edf;display:none}@media (max-width:1048px){.portfolio-banner{bottom:inherit;margin-bottom:3em;position:relative;right:inherit}.portfolio-banner .smartphone{float:left;margin-top:-5em}.portfolio-banner .content{float:left;margin-left:3em;text-align:left}.portfolio-banner .content h3{display:block;font-size:1.25em;margin-bottom:1em}}@media (max-width:640px){.portfolio-banner .content{background-color:#fff;border-radius:3px;-webkit-box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);float:none;margin:0;padding:1.5em;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}}@media (max-width:400px){.portfolio-banner .smartphone{max-width:16em}.portfolio-banner .smartphone .screen{height:388px}}