/*************************  
CSS for wnlink.co.uk 
kevin@kevinhayden.co.uk
*************************/

@font-face {
    font-family: nexa_lightregular;
    src: url(fonts/Nexa_Free_Light-webfont.eot);
    src: url(fonts/Nexa_Free_Light-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/Nexa_Free_Light-webfont.woff) format('woff'), url(fonts/Nexa_Free_Light-webfont.ttf) format('truetype'), url(fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: nexa_boldregular;
    src: url(fonts/Nexa_Free_Bold-webfont.eot);
    src: url(fonts/Nexa_Free_Bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/Nexa_Free_Bold-webfont.woff) format('woff'), url(fonts/Nexa_Free_Bold-webfont.ttf) format('truetype'), url(fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular) format('svg');
    font-weight: 400;
    font-style: normal;
}

body,
html {
    -webkit-text-size-adjust: 100%;
}

body { margin: 0;
       padding: 0;
       background: #fff;	 
       font-size: 100%;
       font-family: nexa_lightregular, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; 
       color: #333; 
       line-height: 16.8pt; }
       
header { margin-top: 10px; 
         margin-bottom: 10px; }

.mainLogo, .coverImage, .footerLogo { display: block;
                                      margin: 0 auto; }

main { padding-top: 20px;
       padding-bottom:20px; 
       background: #ccc;}

h1, h2, p, ul { padding-right: 20px; 
                             padding-left: 20px; }

h1, h2, h3 { font-family: nexa_boldregular, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; }

h1, h2, h3, p, ul { text-align: center; }

h1 { font-size: 24px;
     color: #fff;
     line-height: 24pt; }

h2, .numberTxt, .emailTxt { font-size: 18px;
                            line-height: 16pt; }

h3 { font-size: 16px; }

strong { color: #fff; }

ul { margin-top: 0;
     list-style-type: none; }

.numberTxt { margin-bottom: 0; }

.emailTxt { margin-top: 0;
            margin-bottom: 0; }

.mainImage, .midSection { align-items: center;
                          justify-content: center; }

.latestMag p { font-size: 80%; }

.latestMagLink { color: #fff;}

.link, .footerLink { color: #231f20; }

.latestMagLink, .link, .footerLink { text-decoration: none; }

.latestMagLink:hover, .link:hover, .footerLink:hover { color: #f8991c; }

footer { padding-top: 30px;
         padding-bottom:0;
         font-size: 12px;
         line-height: 12pt; }

.footerLinks li { padding-top: 5px;
                  padding-bottom: 5px; }

@media only screen and (min-width: 768px) {
    main { padding-bottom:20px; }

    .bodyTxt { margin: 0 auto;
               max-width: 872px; }

    .mainImage, .midSection, .footerDetails { display: flex; }

    .coverImage1, .coverImage2, .coverImage3 { display: inline-block; }

    h1 { padding-top: 20px; 
         padding-bottom: 10px; }

    h2, .numberTxt, .emailTxt { font-size: 16px; }

    .footerDetails { width: 600px;
                     margin: 0 auto; }

    .engagementDetails, .footerAddress { order: 1; }

    .latestMag, .footerLogo { order: 2; }

    .footerLinks { order: 3; }
}