.masthead{     height: 300px; }
.masthead .container{     height: 300px; }
.masthead-content, .masthead-content .container{     height: 75px; }
@media screen and (min-width: 768px){     .masthead
    {         height: 640px;     }
    
    .masthead .container
    {         height: 640px;     }
    
    .masthead .nav .area_nav
    {         position: absolute;         right: 15px;         top: 0px;         padding: 0px;         text-align: left;         font-size: 1em;     }
    
    .masthead .item_navitem
    {         float: left;         padding: 20px 0px 20px 20px;     }
    
    .masthead .item_navitem a
    {         border: 1px solid transparent;         line-height: 35px;         padding: 0px 10px;     }
    
    .masthead .item_navitem a:hover,     .masthead .current a
    {         border: 1px solid #FFFFFF;     }
    
    .masthead .nav
    {         background: none;         height: 75px;     }
    
    .masthead .nav .area_nav
    {         display: block;         border: 0px;         margin: 0px;     }
    
    .masthead .nav .menu-icon
    {         display: none;     }
    
    .masthead .images,     .masthead .image
    {         height: 570px;     }
    
    .masthead .logo
    {         left: 15px;     }
    
    .masthead .logo a
    {         padding: 23px;         background-color: #95c350;         float: left;         border-bottom-right-radius: 20px;         border-bottom-left-radius: 20px;     }
    
    .masthead .logo .logo-strap
    {         position: static;         display: block;         float: left;         padding-left: 30px;         line-height: 75px;         color: #FFFFFF;         font-weight: bold;         font-size: 1.3em;     }
    
    .masthead .strapline
    {         width: 52%;         position: absolute;         bottom: 120px;         padding-top: 0px;     }
    
    .masthead .strapline .find-out-button
    {         font-size: 1.4em;     }
    
    .masthead .strapline .main
    {         font-size: 2.6em;         line-height: 1.1;         margin-bottom: 30px;     }
    
    .masthead .strapline a
    {         padding: 0px 15px;     }
    
    
    .masthead-content,     .masthead-content .container
    {         height: auto;         height: 75px;         background: #95c350;     }
    
    .masthead-content .nav a
    {         text-shadow: none;     }
    .masthead .examples {         display:block;     }
    
    .feature {         width: 40%;         float: left;     }
    
    
    .bios
    {         padding-top: 60px;     }
    
    .bios .bio
    {         width: 25%;         margin-bottom: 60px;         padding-top: 190px;     }
    
    
    .services
    {         padding-right: 0px;     }
    
    .services .service 
    {         height: 250px;         width: 33.3%;         float: left;         box-sizing: border-box;         padding-right: 15px;     }
    
    .services-contact .contact-form
    {         max-width: 45%;     }
    
    .services-contact .contact-form .find-out-button
    {         font-size: 1.25em;     }
    
    
    .middle .container
    {         padding: 50px 15px;     }
    
    
    
    .side-column
    {         float: left;         width: 30%;     }
    
    
    
    .main-column
    {         float: right;         width: 65%;     }
    
    .item_gallery .item_photo
    {         margin: 5px 10px 5px 0px;     }
    
    
    
    .footer
    {         text-align: left;     }
    
    .footer .telephone
    {         float: left;     }
    
    .footer .email
    {         float: right;         text-align: right;     }
    
    .footer .copyright
    {         text-align: right;     } }
@media screen and (min-width: 960px){     .services .service 
    {         height: 300px;     }
    
     
    
    .side-column
    {         width: 320px;     }
    
    .side-column .item_navitem a
    {         padding: 15px 10px;     }
        
    
    
    .main-column
    {         width: 570px;     }
    
    .item_gallery
    {         margin: 0px 37px 1em;     }
    
    .item_gallery .item_photo
    {         margin: 7px 15px 7px 0px;     } }
@media screen and (max-width: 385px){     .masthead .examples
    {         width: 100%;         height: 349px;         right: 0px;         bottom: 0px;     }
    
    .masthead .example
    {         position: absolute;         width: 90%;         right: 5%;     }
    
    .masthead .examples .desktop
    {         width: 100%;         background: url(/_css/image/masthead-desktop@1x.png) no-repeat right bottom;         background: url(/_css/image/masthead-desktop@2x.png) no-repeat right bottom / contain;     }
    
    .masthead .examples .mobile
    {         background: url(/_css/image/masthead-mobile@1x.png) no-repeat right bottom;         background: url(/_css/image/masthead-mobile@2x.png) no-repeat right bottom / contain;     }
    
    .masthead .examples .desktop a
    {     width: 90%;     height: auto;     top: auto;     left: 5%;     bottom: 27%;     line-height: 0;     }
    
    .masthead .examples .desktop span
    {         left: 3.8%;         top: auto;         bottom: 20.3vw;         width: 83vw;         height: 49.5vw;     } }
@media screen and (max-width: 345px){     .item_gallery
    {         margin: 0px;         margin-right: -5%;         margin-bottom: 1em;     }
    
    .item_gallery .item
    {         width: 45%;         margin-right: 5%;         margin-bottom: 5%;     }
    
    .item_gallery .item_photo
    {         margin: 0px;         width: 100%;         height: auto;         line-height: 0px;     }
    
    .item_gallery .item_photo .title
    {         line-height: 1.4;     }
    
    .masthead .examples .desktop a
    {     bottom: 25%;     } }