@font-face{
    font-family: 'mafw'; 
        src: url('fonts/mafw.eot'); 
        src: local('☺'), 
            url('fonts/mafw.woff') format('woff'), 
            url('fonts/mafw.ttf') format('truetype'), 
            url('fonts/mafw.svg#webfontwziKDzLz') format('svg');         
        font-weight:normal; font-style:normal;}

a, a:hover{color: #fff;}
h1,h2,h3,h4{font-family: 'mafw';font-size:26px;color:#fff;}
h2{font-size:22px;}
h3{font-size: 16px;}

nav{background-color:#c7cb0a;color:#fff;line-height: 64px;font-size:24px;text-align: right;}
nav img{height:54px;float:left;margin:5px 0;}
section{padding:40px 0;}
section:nth-child(2){padding:90px 0 40px 0;}
section#logos img{width: 220px;}
section.orange{background-color:#f1900b;color:#fff;}
section.lightgreen{background-color:#c7cb0a;color:#333;}
section.lightgreen h1{color:#fff;}
section.brown{background-color:#5e353d;color:#fff;}
section.brown a{text-decoration:none ;color:#fff;}
section.grey{color: #808080}
section.grey a{color: #808080}
section.grey h5{color: #808080; font-family:mafw}
section.grey a img{width: 200px; margin-bottom: 15px;}
h2.orange{color: #f1900b}
h2.brown{color: #5e353d}
h3.brown{color: #5e353d}
.photo img{margin: auto; width:100%; margin-top: 20px;}
.content{padding:0 0 40px 0;}
.content a{color: #666666}

.footer .row div:nth-child(1){text-align: left;}
.footer .row div:nth-child(2){text-align: center;}
.footer .row div:nth-child(3){text-align: right;}
.footer .row div:nth-child(3) a{float:right;}

@media only screen and (max-width : 480px) {
    body{padding-top:70px;}
	nav{font-size:17px;}
    .footer .container .row div{text-align: center;}
    .footer .container .row div:nth-child(3) a{float:none;}
}