@font-face{
    font-family:"HelveticaNeueW01-55Roma";
    src:url("b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src:url("b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    }
    @font-face{
    font-family:"HelveticaNeueW01-75Bold";
    src:url("c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src:url("c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
    }
    
    /* ==========================================================================
       HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
       ========================================================================== */
    
    html,
    button,
    input,
    select,
    textarea {
        color: #222;
    }
    
    body {
        font-size: 1em;
        line-height: 1.4;
    }
    
    ::-moz-selection {
        background: #b3d4fc;
        text-shadow: none;
    }
    
    ::selection {
        background: #b3d4fc;
        text-shadow: none;
    }
    
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    }
    
    img {
        vertical-align: middle;
    }
    
    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    textarea {
        resize: vertical;
    }
    
    .chromeframe {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
    }
    
    
    /* ===== Initializr Styles ==================================================
       Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
       ========================================================================== */
    
    body {
        font: 16px/26px Helvetica, Helvetica Neue, Arial;
    }
    
    
    body.alfa {
        /*background: #c0c0c0 url(bg.png) no-repeat center center;	*/
    }
    
.logo {width:41%;}

    .wrapper {
        width: 90%;
        margin: 0 5%;
    }

   h3 {
			color:rgba(0,0,0,0.62);
	   font-weight:normal;
            page-break-after: avoid;
        }
    
    /* ===================
       Orange 
       =================== */
       
    header {
        text-align: center;
        padding: 2% 0;
    }
    
    .header-container {
        border-bottom: 20px solid #e44d26;
    }
    
    .footer-container,
    .main aside {
        border-top: 20px solid #e44d26;
    }
    
    .header-container,
    .footer-container,
    .main aside {
        background: #f16529;
    }
    
    .title {
        color: white;
    }
    
    .main article {
        margin: 0 auto;
        padding: 3%;
        background-color: white;
        border: 1px solid #d8d8d7;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -moz-box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);
        box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);
    }
    
    .main article p {
        font-family: 'HelveticaNeueW01-55Roma', 'Trebuchet MS', Arial, sans-serif;
        color: #666666;
        font-size: 0.9em;
    }
    
    /* ==============
        MOBILE: Menu
       ============== */
    
    nav ul {
        margin: 0;
        padding: 0;
    }
    
    nav a {
        display: block;
        margin-bottom: 10px;
        padding: 15px 0;
    
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    
        color: white;
        background: #e44d26;
    }
    
    nav a:hover,
    nav a:visited {
        color: white;
    }
    
    nav a:hover {
        text-decoration: underline;
    }
    
    /* ==============
        MOBILE: Main
       ============== */
    
    .main {
        padding: 30px 0;
    }
    
    .main article header {
        margin-bottom: 35px;
    }
    .main article h1 {
        font-size: 1.8em;
        font-weight: normal;
        line-height: 1.2em;
        font-family: 'HelveticaNeueW01-75Bold', Arial, sans-serif;
    }
    
    
    .main aside {
        color: white;
        padding: 0px 5% 10px;
    }
    
    .footer-container footer {
        color: white;
        padding: 20px 0;
    }
    
    /* ===============
        ALL: IE Fixes
       =============== */
    
    .ie7 .title {
        padding-top: 20px;
    }
    
    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* ==========================================================================
       Media Queries
       ========================================================================== */
    
    @media only screen and (min-width: 480px) {
    
    /* ====================
        INTERMEDIATE: Menu
       ==================== */
    
        nav a {
            float: left;
            width: 27%;
            margin: 0 1.7%;
            padding: 25px 2%;
            margin-bottom: 0;
        }
    
        nav li:first-child a {
            margin-left: 0;
        }
    
        nav li:last-child a {
            margin-right: 0;
        }
    
    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */
    
        nav ul li {
            display: inline;
        }
    
        .oldie nav a {
            margin: 0 0.7%;
        }
    }
    
    @media only screen and (min-width: 768px) {
    
    /* ====================
        WIDE: CSS3 Effects
       ==================== */
    
        .header-container,
        .main aside {
            -webkit-box-shadow: 0 5px 10px #aaa;
               -moz-box-shadow: 0 5px 10px #aaa;
                    box-shadow: 0 5px 10px #aaa;
        }
    
    /* ============
        WIDE: Menu
       ============ */
    
        .title {
            float: left;
        }
    
        nav {
            float: right;
            width: 38%;
        }
    
    /* ============
        WIDE: Main
       ============ */
    
        .main article {
            margin-top: 10%;
            width: 40%;
        }
    
        .main aside {
            float: right;
            width: 28%;
        }
    }
    
    @media only screen and (min-width: 1140px) {
    
    /* ===============
        Maximal Width
       =============== */
    
        .wrapper {
            width: 1026px; /* 1140px - 10% for margins */
            margin: 0 auto;
        }
    }
    
    /* ==========================================================================
       Helper classes
       ========================================================================== */
    
    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        *text-indent: -9999px;
    }
    
    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }
    
    .hidden {
        display: none !important;
        visibility: hidden;
    }
    
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }
    
    .invisible {
        visibility: hidden;
    }
    
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .clearfix {
        *zoom: 1;
    }
    
    /* ==========================================================================
       Print styles
       ========================================================================== */
    
    @media print {
        * {
            background: transparent !important;
            color: #000 !important; /* Black prints faster: h5bp.com/s */
            box-shadow: none !important;
            text-shadow: none !important;
        }
    
        a,
        a:visited {
            text-decoration: underline;
        }
    
        a[href]:after {
            content: " (" attr(href) ")";
        }
    
        abbr[title]:after {
            content: " (" attr(title) ")";
        }
    
        /*
         * Don't show links for images, or javascript/internal links
         */
    
        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }
    
        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }
    
        thead {
            display: table-header-group; /* h5bp.com/t */
        }
    
        tr,
        img {
            page-break-inside: avoid;
        }
    
        img {
            max-width: 100% !important;
        }
    
        @page {
            margin: 0.5cm;
        }
    
        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3;
        }
    
        h2,
        h3 {
			
            page-break-after: avoid;
        }
    }