* {box-sizing:border-box;}

        nav a:link, nav a:hover, nav a:active, nav a:focus, nav a:visited {
            color:#ffffff;
        }

        html, body {
            font-family:Lato,"Open Sans",sans-serif;
            margin:0;
        }

        /* Base styles */
        #recPagePreview {
            width: calc(100% - 350px)
        }

        .wrapper_rec {
            margin: 0 auto;
            max-width: 1230px;
            padding: 0 1em;
            position: relative;
        }

        #headerwrapper_rec {
            display:flex;
            flex-direction:column;
        }

        header, menu, main, footer {
            transition:.25s ease all;
        }

        header, footer {
            background-color:#efefef;
        }

        main {
            min-height:0vh;
            padding:2em 0;
        }

        .wrapper_rec h1 {
          padding:0;
          margin: 0;
        }

        #logo_rec {
            width:250px;
            padding: 25px 0;
        }

        #banner_rec {
            height:200px;
            background-color:#F9F9F9;
            background-image:url('../images/banner.jpg');
        }

        footer {
            padding:1em;
        }

        #footerlogo_rec {
            width:85px;
            padding:15px 0;
        }

        footer p {
            font-size:13px;
            margin-bottom:1em;
        }

        footer p#footercustom_rec {
          white-space: pre-line;
        }

        #social_rec ul#socialmedia_rec {
            display:flex;
            flex-direction:row;
            justify-content:space-between;
            flex-wrap: wrap;
            margin: 0;
            padding: 0;
        }

        #social_rec ul#socialmedia_rec li{
            padding: 1em .5em;
            display:inline-block;
            margin-right:1em;
            vertical-align:center;
        }

        #social_rec ul#socialmedia_rec li p {
        display:inline-block;
        }

        #social_rec ul#socialmedia_rec li p a{
                text-decoration: none;
        }

        #social_rec img.socialicon_rec {
            width:15px;
            height:15px;
            margin-right: 10px;
            vertical-align:middle;
        }

        .logo_left {text-align:left !important;}
        .logo_right {text-align:right !important;}
        .logo_center {text-align:center !important;}

        .banner-cover {background-size:cover !important;}
        .banner-auto {background-size:auto !important;}
        .banner-contain {background-size:contain !important;}

        .banner-top {background-position:top !important;}
        .banner-bottom {background-position:bottom !important;}
        .banner-center {background-position:center !important;}

        nav {
            background-color:#0c7c41;
        }

        ul#menu_rec {
          display:flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: start;
          list-style:none;
          margin: 0;
          padding: 0;
        }

        ul#menu_rec li{
            display:inline-block;
            color:#ffffff;
            padding:1em;
        }

        ul#menu_rec a {
                text-decoration: none;
        }

        ul#socialmedia_rec {
          margin-bottom:0 !important;
          list-style:none;
        }

        a li:hover, #social_rec ul#socialmedia_rec li a:hover{
            text-decoration: underline;
        }

        #heading_rec {
                color:rgba(0,0,0,0);
                height: 1px;
                width: 1px;
                overflow: hidden;
        }

        a:hover, a:focus, a:active,
  a:hover p, a:focus p, a:active p,
  a:hover li, a:focus li, a:active li {
   text-decoration: underline !important;
  }