/* --------------------------------------
   Layout
   -------------------------------------- */


/* --------------------------------------
   Typography
   -------------------------------------- */

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  /* font-family: "FrutigerLTW02-45Light",Arial,Helvetica,Verdana,sans-serif; */
  font-family: 'Open Sans',Arial ,Helvetica, Verdana, sans-serif;
}

/* --------------------------------------
   Navbar
   -------------------------------------- */

#searchInput {width: 200px;}

.navbar-brand {padding: 13px 15px; max-width: none;}

.navbar-nav {width:100%; height: 40px; background: linear-gradient(to bottom, #0E6DA5 0%, #0D5399 100%) repeat scroll 0% 0% transparent;}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {background:none; color :#ffffff;}

.navbar-nav > li {float: left; height: 40px; line-height: 45px; text-align: center; border-left: 1px solid #FFF; width: 12.4%;}

.navbar-nav > li > a {padding: 10px 15px; color :#ffffff;}
.navbar-nav > li > a:hover {background-color: #3C7CB3; transition: all 200ms ease 0s; text-decoration: none; color :#ffffff;}

  
/* --------------------------------------
   Carousel
   -------------------------------------- */

  .swiper-container {height: 300px !important;}
  .swiper-container .item-image img {top:0px !important;}

  .swiper-container,  
  .swiper-container .item-image img,
  .swiper-container .swiper-slide div.info {width:100% !important;}
  .swiper-container .swiper-slide div.info {font-size:1.0em !important}
  .swiper-container .swiper-slide div.info .info-title {width: auto !important; padding: 10px;}
  .swiper-container .swiper-slide div.info .info-title h1 {font-size:1.4em !important;}
  .swiper-container .swiper-slide div.info .info-title .info-body {font-size:1.1em !important;}




/* --------------------------------------
   Global Styles
   -------------------------------------- */




/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 479px) {
.c50l, .c50r {
    width: 100%;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
  width:100%;
  height:auto;
}

    /* body {font-size: 1em !important;} */

    div.wrapper {width:100%;}
    
    /* div.sharethis-container:after {clear: both; display: block; content:'';} */

    header {padding: 10px 5px 0px 5px; margin:0 0 -15px 0;}

    div.wrapper header #nav-container {top:0;}

    header div#langs {position: static; right: 0px; margin: auto; display: block; float:right;}
    header div#langs .CUR a,
    header div#langs .NO a {font-size: 0.9em !important; margin: 0 7px;}
    header div#google_search {position: relative; right: 0%; top: -5px;}
    header div#google_search input.inputbox {float:none; width: 65%; position: relative; left: 24%;}
    header div#google_search input#search-submit {right: 1%;}

    header #logo-ltr {margin-top: 10px;}
    header #logo-ltr img {width:90%; height: auto;}

    header #mobile-menu {color:#ffffff; position: relative; left: 0; top:0; height:30px; width: 45px; border-radius: 4px; background: linear-gradient(to bottom, #0E6DA5 0%, #0D5399 100%);}
    header #mobile-menu.result_hover {background:#002329; opacity:0.3;}
    header #mobile-menu .fa-bars {font-size: 170%; position: relative; left: 13px; top:4px;}
    header #mobile-menu:after {content:''; display:block; clear: both;}

    /* #nav-container {margin-top: -20px !important; margin-bottom: 50px;} */

    header #nav-container {position: relative; top: -30px; margin-bottom: 10px; background: transparent !important; margin-top:5px;}
    header #nav-container nav ul {height: auto;margin-left:0}
    header #nav-container nav ul li {float: none; width: 100%; height: 40px; line-height: 40px; border-left:0; border-bottom: 1px solid #f0f0f0;}


    #top-banner {margin: 0px 5px;}

    div.tx-dynalist-pi1-pagination span.previous, 
    div.tx-dynalist-pi1-pagination span.next {margin: 0px !important;}


    /* old slider */
    #top-banner .dkgreen-backg iframe {width: 100% !important; max-width:540px !important;}
    #top-banner .dkgreen-backg .csc-textpic-imagewrap {margin-left:0px !important;}
    #top-banner .dkgreen-backg .csc-textpic div:last-child {margin-right:0px !important;}

    #top-banner .feature-bar .feature-item {width: 40%; float: left; padding: 10px 4% 0 4%;}

    /* FAO Home page customization */
    #content .b-box-container, 
    #content .second-last-box {padding: 10px;}
    #content .b-box-container .list-image img,
    #content .second-last-box .list-image img{float: none;}

    #content .last-box .last-box-item {width: 45%; float: left;}

    .highlight-box {margin-top: -10px !important;}
    .highlight-box .highlight-item {margin-right: 0px !important; margin-top: 10px !important;}
    .highlight-box .highlight-item.num5 {margin-right: 0px;}

    /* .big-boxes .dg-box {margin: 0 auto !important; float: none;} */
    .big-boxes .dg-box {margin-top: 10px !important;}
    .big-boxes .dg-box.pos0 {margin-left: 0px !important; margin-right: 0px !important;}



    /* About FAO */
    #c298497 DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float: none;}

    /* In Action section */
    #top-banner .iosSlider, 
    #c208636 .tx-dynalist-pi1-pagination {display:none;} 

    .iosMiniSlider .slider .item .image IMG{width:100% !important;}
    .iosMiniSlider .slider .item .text .desc{width:100% !important;}
    .iosMiniSlider .slider .item .text .title span a{font-size:1.2em; color:#fff}
    .iosMiniSlider .slider .item .text .desc span {color:#fff}
    .iosMiniSlider .slider .item .text {background-color:#356B76; margin-bottom:4px; padding:10px;}

    .featured div {margin: 0 auto !important; margin-bottom: 15px !important; float: none !important;}
    
    div#c467064 {max-width: 85% !important; margin-left: 10px !important;}

    /* Countries section */
    #content #maincontent #continents .column {width: 42% !important;}
    #content #maincontent #continents li {left: 0px; width: 100% !important;}
    #content #maincontent #continents .third-col {float: none; clear:left !important; float: left !important;}

    /* Themes page  */ 
    #content #maincontent #list-box .column {width: 100% !important; float: none !important;}

    /* Media page */
    div.mininews-item {width: 100% !important; background:#EDEDED; padding: 10px 5px !important;}
    div.mininews-item.intem-num-2,
    div.mininews-item.intem-num-3,
    div.mininews-item.intem-num-4 {padding: 10px 5px !important;}

    div.mininews-item.intem-num-4 {margin-bottom: 25px;}

    #c182940 .equalize .c50l,
    #c182940 .equalize .c50r {width: 100%;}
    #c182940 .equalize .c50r iframe {width:100% !important;}
    
    /* World Food Day */
    
    #c513345 .csc-textpic-single-image, 
    #c524557 .csc-textpic-single-image {width:100% !important; margin-right: 0px;} 

    #c513345 .csc-textpic-single-image img,
    #c524557 .csc-textpic-single-image img {width:100% !important; max-width:auto !important; height: auto !important; margin-top: 1em; margin-bottom: 1em;}

    #c524557 .csc-textpic-single-image img {margin-top: 0; /*max-width:300px !important;*/} 
    
    #maincontent .csc-textpic-imagewrap,
    #content .csc-textpic-imagewrap {float: none;}
    
    #maincontent .csc-textpic-intext-right-nowrap div, 
    #content .csc-textpic-intext-right-nowrap div {margin-right: 0px !important;}
    #maincontent .csc-textpic-intext-left-nowrap div,
    #content .csc-textpic-intext-left-nowrap div {margin-left: 0px !important;}
    
    
    
    #c513314 .tx-jfmulticontent-pi1 .csc-textpic-single-image, 
    #c513313 .tx-jfmulticontent-pi1 .csc-textpic-single-image {float: none; margin-bottom: 0.8em;}
         
    #rightcolumn #c513282 .twitter-timeline {max-width: 100% !important;}
        
    #c534159 .list-mystory {float: none; margin: 0 auto; margin-bottom: 2em;}
    
    #c524859 .csc-textpic-text img {margin-bottom: 1.5em;}
    #c524859 .csc-textpic-text p.bodytext {text-align: center;}
    #c524859 .csc-textpic-text div p.bodytext {text-align: left;}
    
    
    /* event carousel */
    
    /*
    #c513315 {display: none;}
    */
    /*
    #c513315 {width: 100% !important; height: auto !important; margin-top: 0px; margin-left: 25px; padding-bottom: 2px;}

    .events-carousel {width: 90% !important; margin-top: 5px; margin-left: 15px;}

    .events-carousel-wrapper .slick-prev::before,
    .events-carousel-wrapper .slick-next::before{color:#0d6cac !important; font-size: 25px !important;}
    
    .events-carousel .slick-slide img {vertical-align:middle;}
    
    
    .events-carousel-wrapper .list-image img {width: auto !important; float: none !important; margin: 0 !important;}
    
    .events-carousel-wrapper .list-details {width: 100% !important; float: none !important;}
    .events-carousel-wrapper .list-details .list-title {margin: 0px 0px 2px 0px !important; padding: 0px !important; border-top: 0px !important;}
    */
    
    #c513315 {width: 100% !important; height: auto !important; margin-top: 0px; margin-left: 0px !important; padding-bottom: 2px;}
    #c513315 button {display: none !important;}
    .events-carousel {margin-left: 0px !important;} 
    .events-carousel-wrapper {width:100%; max-width: 410px !important;}
    .events-carousel-wrapper .list-image {width: auto !important; max-height: 205px !important; margin-right: 10px; overflow: hidden; float: none !important; margin-bottom: 10px;}
    .events-carousel-wrapper .list-image img {width: auto !important; float: none !important; margin: 0 !important;}
    .events-carousel-wrapper .list-details {width: 100% !important; float: none !important;}
    
    

    /* --- */

    div#feature-bar .jcarousel-skin-tango .jcarousel-clip-horizontal,
    div#feature-bar .jcarousel-skin-tango .jcarousel-clip-horizontal ul#FeatureBarHome {width:100% !important;}
    div#feature-bar .jcarousel-skin-tango .jcarousel-item {left:0.5em; margin-bottom:1em; width: 46%; margin-right:3%;}
    div#feature-bar .jcarousel-skin-tango .jcarousel-item div.feature-type-title {font-size:0.8em !important;}
    div#feature-bar .jcarousel-skin-tango .jcarousel-item div.feature-title {line-height: 1.1em;}
    div#feature-bar .jcarousel-skin-tango .jcarousel-item div.feature-title a {font-size:0.95em !important; line-height: 1.1em;}

    #content {padding:20px !important; width:auto !important;}

    #content #maincontent,
    #content #rightcolumn {display:block; width: 100%;}

    #content #maincontent {padding: 0px 5px;}

    /* #c212488 - partnership - */
    #content #maincontent div#c212488,
    #content #maincontent div#c327289 {clear: left; float: none; width: 100%; margin: 0px;}

    #content #maincontent .tx-jfmulticontent-pi1 .subcl,
    #content #maincontent .tx-jfmulticontent-pi1 .subcr {
       padding:0;
    }

    #content #maincontent .tx-jfmulticontent-pi1 .equalize .c25l,
    #content #maincontent .tx-jfmulticontent-pi1 .equalize .c25r {float:none; width: 100%; margin-bottom: 0.5em; margin-left: 0px;}

    #content #maincontent .tx-jfmulticontent-pi1 .equalize .subcl,
    #content #maincontent .tx-jfmulticontent-pi1 .equalize .subcr {padding: 0px;}

    div.four-column-item {min-height: 120px;}
    div.four-column-item .sub-item {width: auto !important; padding-left: 3px !important;}
    div.four-column-item > div {height: auto;}
    div.four-column-item > div.list-type {width: 100% !important; clear: left;}

    div.four-column-item > div.list-image {float:left !important; padding-left: 0px;}
    div.four-column-item > div.list-image img {margin-right:0px;}
    div.four-column-item > div.list-title {}

    #c292918 .c25l,
    #c292918 .c25l {clear:left; margin-bottom: 10px;}


    /* #c275463 - in action - */
    #c275463 .tx-jfmulticontent-pi1 {padding: 5px 7px 10px !important;}

    #rightcolumn {min-width: 100%; width: 100%; padding: 15px 1px 0px 1px; margin-top: 5%}
    #rightcolumn #c214582 .tx-xinclude-pi1 div {width: 100% !important;}


    /* meetings calendar */
    #rightcolumn div#c197749 h2 {border-top:2px solid #EDEDF0;}

    #rightcolumn #news-right-col {width: 100% !important;}
    #rightcolumn #news-right-col img {width: 190px !important;}

    /* footer */
    footer {margin:20px 5px 0px; padding: 0px;}

    footer div#system-links .csc-default {width:100%;}
    footer div#system-links div#c175119 {margin-top:4%;}
    footer div#system-links ul {margin:0px; padding: 0px; max-width: 46% !important; padding-left: 1.0em; width: 43%;}
    footer div#system-links ul li {width: auto; left: 0.2em;}

    footer h4 {margin:1em;}
    footer div#social-networks {float: none; width: auto; clear:both;}
    footer div#social-networks p.bodytext {margin:0em 1em;}

    footer div#copyright {padding-bottom: 0.5em; padding-right: 0.5em;}


    /* Conference pages */

    #c348628 .csc-textpic-imagewrap,
    #c348628 .csc-textpic-imagewrap img {width: 100% !important; height: auto !important;}

    .conf-table {background-color:#ffffff;}

    .conf-table .conf-group, 
    .conf-table .conf-row, 
    .conf-table .conf-cell  {display:block;}

    .conf-table .conf-group {clear:both; border-top: 1px solid #e0e0e0;}

    .conf-table .conf-cell {padding: 1px 8px; border-bottom:none; border-right: none;}

    .conf-table .conf-number, 
    .conf-table .conf-title, 
    .conf-table .conf-id   {width:100%;}

    .conf-table .conf-number {padding-top: 5px;}
    .conf-table .conf-id {padding-bottom: 5px;}

    .conf-table .conf-title {font-size: 1.2em;}

    .side-events-table .conf-time, 
    .side-events-table .conf-location,
    .side-events-table .conf-langs  {width: 100%;}
    .side-events-table .conf-date {font-size: 1.3em; padding-left: 0; padding-bottom: 2%;} 

    /* COFO */
    .tx-t3sjslidernews-pi1 {display: none;}
    div#first-level-banner {background-size: 480px !important; height: 90px;} 

    /* internal pages */
    .sub-search {display:none;}

    #page-tools {width: 100%; position: relative; top: -15px; right: 0px; margin-right: 0px;}
    #page-tools .addthis_toolbox {width: 120px;}
    #page-tools .addthis_toolbox.addthis_default_style .at4-icon {width: 24px; height: 24px; background-size: 24px auto !important; line-height: 24px;}
    #page-tools #print {display:none;}

    #top_breadcrumbs {margin: 0px 5px 10px; display:none;}
    #nav-container nav ul.topmenu li {border-left:0; border-right:0;}
    #nav-container nav ul.top-submenu {display:block; margin-top:0;}
    #nav-container nav ul.top-submenu li {height:auto; background:transparent; border-right:0; margin-bottom:0;}
    #nav-container nav ul.topmenu li.top-current, #nav-container nav ul.topmenu li.top-active {height:auto;}
    #nav-container ul.topmenu ul li {height:auto; display:block; border-left:0; border-right:0;}
    #nav-container ul.topmenu ul li a {height:auto; line-height:32px;}
    #nav-container ul.topmenu ul {display:block; height:auto;}
    #nav-container nav ul.topmenu li.top-current li,
    #nav-container nav ul.topmenu li.top-active li {background:#fff; border-left:0; border-right:0; border-bottom: 1px solid #f0f0f0;}
    #nav-container nav ul.topmenu li.top-current li a,
    #nav-container nav ul.topmenu li.top-active li a {color:#003b45; font-size:1em; font-weight:600; padding:0 8px;}
    #nav-container nav ul.topmenu li.top-active li.left-current a {color:#ec6e00;}

    div.csc-default ul {padding:0 1em;}

    #nav-container li.left-current ul#left-submenu li {border-bottom:0; background-color:#f0f0f0;}
    #nav-container li.left-current ul#left-submenu li a {color:#003b45;}
    #nav-container ul#left-submenu li.left-current ul#left-submenu {display:none;}
    #nav-container li.left-current ul#left-submenu li.left-current a {color:#ec6e00;}

    div#leftcolumn {display:none;}

    section#top-banner {margin:0; padding:0 5px;}
    section#top-banner div#first-level-banner {width:auto; padding:0; height:auto; margin-top: 0;}

    section#content div.main-internal {padding:0 !important;}

    DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 !important; width: 100% !important;}

    div.tx-dynalist-pi1-pagination {white-space:normal; text-align:left; padding:5px 0;}
    div.tx-dynalist-pi1-pagination span.inactive {padding:5px 3px;}
    
    
    /* DYNA Form */
    
    div#dyna_fef_page {padding-left: 0px !important;}
    
    .dyna_form_label, 
    .dyna_form_data {width:100% !important; float: none !important;}
    
    div#dyna_fef_page .policy_form {margin-left: 0px !important;}
    div#dyna_fef_page input {
      width:80% !important; 
      max-width: 80% !important;
      height:auto !important;
      border: 1px solid #406B72 !important; 
     }
    
    div#dyna_fef_page select {
      max-width:80% !important;
    }

    #divlabel_image {text-align: left !important;}
    #div_image {padding-top: 5px !important;}
    
    .dynafef_actions_box {margin-left: 0px !important;}
    #div_private #divlabel_private {margin: 0px !important; text-align: center !important;}
    #id_dynafef_ckb_private {float: none !important;}
    div#first-level-banner h1.fivehundredpx {
    width: 100%;
}
div#first-level-banner img {
    width: auto;
}
    
}

/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 939px) {
  
    div.wrapper {width:100%;}

    header {padding: 10px 5px 0px; margin-bottom: -15px;}

    div.wrapper header #nav-container {top:0;}

    header div#langs {position: static; right: 0px; margin: auto; display: block; float:right;}
    header div#langs .CUR a,
    header div#langs .NO a {font-size: 0.9em !important; margin: 0 7px;}
    header div#google_search {position: relative; right: 0%; top: -5px;}
    header div#google_search input.inputbox {float:none; width: 65%; /* max-width: 200px; */ position: relative; left: 24%;}
    header div#google_search input#search-submit {right: 4%;}

    header #logo-ltr {margin-top: 10px;}
    header #logo-ltr img {width:90%; max-width:390px; height: auto;}

    header #mobile-menu {color:#ffffff; position: relative; left: 0; top:0; height:30px; width: 45px; border-radius: 4px; background: linear-gradient(to bottom, #0E6DA5 0%, #0D5399 100%);}
    header #mobile-menu.result_hover {background:#002329; opacity:0.3;}
    header #mobile-menu .fa-bars {font-size: 170%; position: relative; left: 13px; top:4px;}
    header #mobile-menu:after {content:''; display:block; clear: both;}

    /* #nav-container {margin-top: -20px !important; margin-bottom: 50px;} */

    header #nav-container {width:auto; padding:0; position: relative; top: -30px; margin-bottom: 10px; background:transparent!important; margin-top:5px;}
    header #nav-container nav ul {height: auto; width:100%; padding:0; margin-left:0;}
    header #nav-container nav ul li {border-left:0 !important; float: none; width:100%; height: 40px; line-height: 40px; display:block; border-bottom: 1px solid #f0f0f0;}

    #content #maincontent,
    #content #rightcolumn {display:block;}

    #top_breadcrumbs {margin-top:30px;}

    #top-banner .feature-bar .feature-item {padding: 10px 2% 0 2%; min-height: 155px;}

    /* footer */
    footer {margin:20px 5px 0px; padding: 0px;}

    footer div#system-links .csc-default {width:100%;}
    footer div#system-links div#c175119 {margin-top:4%;}
    footer div#system-links ul {margin:0px; padding: 0px; max-width: 46% !important; padding-left: 1.0em; width: 43%;}
    footer div#system-links ul li {width: auto; left: 0.2em;}

    footer h4 {margin:1em;}
    footer div#social-networks {float: none; width: auto; clear:both;}
    footer div#social-networks p.bodytext {margin:0em 1em;}

    footer div#copyright {padding-bottom: 0.5em; padding-right: 0.5em;}


    /*  
    .conf-table {background-color:#ffffff;}

    .conf-table .conf-group, 
    .conf-table .conf-row, 
    .conf-table .conf-cell  {display:block;}

    .conf-table .conf-group {clear:both; border-top: 1px solid #e0e0e0;}

    .conf-table .conf-cell {padding: 1px 8px; border-bottom:none; border-right: none;}

    .conf-table .conf-number, 
    .conf-table .conf-title, 
    .conf-table .conf-id   {width:100%;}

    .conf-table .conf-number {padding-top: 5px;}
    .conf-table .conf-id {padding-bottom: 5px;}

    .conf-table .conf-title {font-size: 1.2em;}

    .side-events-table .conf-time, 
    .side-events-table .conf-location,
    .side-events-table .conf-langs  {width: 100%;}
    .side-events-table .conf-date {font-size: 1.3em; padding-left: 0; padding-bottom: 2%;} 
    */

    div#leftcolumn {display:none;}

    section#content {padding:0 5px; width:auto !important;}

    section#top-banner {margin:0; padding:0 5px;}
    section#top-banner div#first-level-banner {width:auto; padding:0 5px;}

    #content div.main-internal {padding:8px 0;}

    DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 !important;}

    #nav-container nav ul.top-submenu {display:block; margin-top:0;}
    #nav-container nav ul.top-submenu li {height:auto; background:transparent; border-right:0; margin-bottom:0;}

    #nav-container nav ul.topmenu li.top-current, 
    #nav-container nav ul.topmenu li.top-active {height:auto;}
    #nav-container ul.topmenu ul li {height:auto;}
    #nav-container ul.topmenu ul {display:block;}
    #nav-container nav ul.topmenu li.top-current li,
    #nav-container nav ul.topmenu li.top-active li {background:#fff; border-bottom: 1px solid #f0f0f0;}
    #nav-container nav ul.topmenu li.top-current li a,
    #nav-container nav ul.topmenu li.top-active li a {color:#003b45; font-size:1em; font-weight:600; padding:0 8px;}
    #nav-container nav ul.topmenu li.top-active li.left-current a {color:#ec6e00;}

    div.csc-default ul {padding:0 1em;}

    #nav-container li.left-current ul#left-submenu li {border-bottom:0; background-color:#f0f0f0;}
    #nav-container li.left-current ul#left-submenu li a {color:#003b45;}
    #nav-container ul#left-submenu li.left-current ul#left-submenu {display:none;}
    #nav-container li.left-current ul#left-submenu li a {color:#ccc;}
    #nav-container li.left-current ul#left-submenu li.left-current a {color:#ec6e00;}
}

@media (min-width:940px)  {
 
    header #mobile-menu {display:none;}
    header #nav-container {display:block !important;}

    #nav-container nav ul.topmenu {margin-bottom:49px; margin-left:0;}
    #nav-container nav ul.top-submenu {position:absolute; background:transparent; left:20px;}
    #nav-container nav ul.top-submenu li {background:#fff;}
    #nav-container nav ul.top-submenu li a {font-size: 1em; font-weight: 600; line-height:15px;}

    #leftcolumn {display:none;}

    h1#logo-ltr img {padding-left:0;}

}

/* Large desktop */
@media (min-width: 1200px) {

}

/* 12/2019 new styles */

#langs {
  padding:10px 0;
}

h1.logo {
  margin-bottom:20px;
}

#mobile-menu {
  padding:10px 20px;
  clear:both;
  background-color:#f9f8f8;
  text-align:right;
  /*box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);*/
}

nav.fao-subsite .topmenu li {
  width:100%;
  display:inline-block;
  float:none;
  border-left:0;
  border-right:0;
}

nav.fao-subsite .topmenu {
  height:auto;
  margin:0;
}

#mobile-menu .fa-bars {
  padding:6px 12px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#fff;
}

div#nav-container {
  margin-top:0;
}

section#top-banner {
  padding:0 15px;
  margin-top:15px;
}

footer {
  margin:20px 0 0 0;
}

#first-level-banner {
  margin-bottom:30px;
}