@charset "UTF-8";
/*PALETA
    #087D2C - Verde 
    #065D21 - Verde hover
    #004792 - Azul
    #0364cb - Azul hover
*/
/*GENERALES*/
.x        { height:0px}
*         { font-family: 'Muli', sans-serif}
body      { background:#e1e1e1; color:#666; font-size:15px}
a         { color:#004792; outline: 0 !important }
a:hover   { color:#0364cb}
h1        { display: none}
h2        { font-size:16px !important; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #CCC; margin:0 0 30px 0; letter-spacing:0.02em}
h2:after  { content:" "; background:#a8dba8; display:block; width:50px; height:5px; position:relative; top:11px}
button, .boton                { border:none; padding:8px 17px; border-radius:2px; text-transform: uppercase; letter-spacing:1px; text-decoration:none; display: inline-block;}
button:hover, .boton:hover    {  text-decoration:none !important}
button:active, .boton:active  { box-shadow:0 0 5px rgba(0,0,0,0.8) inset}
.abstract   { font-weight:bold; margin-bottom:5px !important; letter-spacing:0.005em; line-height:17px; display:block}
.txt-sm      { font-size:13px; line-height:17px}
.txt-sm.gris { color:#666; display:block}
.gris        { color:#666}
.azul        { color:#004792 !important}
.verde       { color:#087D2C !important}
li a:hover   { text-decoration:none}
.barra-verde { background:#a8dba8; display:block; width:50px; height:5px; position:relative; top:-27px;}
.btn-verde         { background:#087D2C; color:#FFF;}
.btn-verde:hover   { background:#065D21; color:#FFF;}
/*TOP*/
.top { height:30px; text-align:right; padding:5px 20px 0 0; 
  background: #333; 
  background: -webkit-linear-gradient(#191919, #333 50%); 
  background: -o-linear-gradient(#191919, #333 50%); 
  background: -moz-linear-gradient(#191919, #333 50%); 
  background: linear-gradient(#191919, #333 50%);}
.top a                     { font-size:12px; margin-left:30px}
.top a, .top a:hover       { text-decoration:none; color:#e1e1e1 !important }
.top a:focus, .top a:hover { color:#FFF}
.top .btn-search           { font-size:14px}
/*DISPLAY TOP*/
.displayTop         { background:#333; z-index:1000}
.displayTop *       { color:#f7f9f7;}
.displayTop h3      { border-bottom:1px solid #f7f9f7; padding-bottom:5px; margin-bottom:15px}
.displayTop p a     { font-weight:bold;}
.displayTop p a:hover { color:#FFF}
.collapseAbout,
.collapseContact,
.collapseSearch     { padding:0px 15px; text-align: justify;} /*padding causa un salto en dropdown */
.collapseContent    { padding:20px}
.collapseContent form           { margin-top:25px}
.collapseContent button { margin-left:0.5%; background:#888; color:#FFF}

.editorialBoard { text-align: center; }
.editorialBoard p { line-height: normal; padding-bottom: .5em; }

.emailFormCaptcha {
	margin-left: 0.5%;
	margin-bottom: 20px;
}

.collapseContent #sendbutton {
	margin-left: 0.5%;
	background: #AAA;
	padding: 3px 30px;
	box-shadow: 1px 1px 3px #000;
	border-radius: 2px;
	color: #FFF;
}

.collapseContent button:hover,
.collapseContent #sendbutton:hover   { background:#666; color:#FFF }

.collapseContent input, .collapseContent .espacio,
.collapseContent textarea { color:#666; border:none; border-radius: 2px; padding: 7px 7px; box-shadow: 1px 1px 3px #000; margin: 0px 0.5% 20px}

.collapseContent #fContactErrors { visibility: hidden; margin: 0px; padding: 0px; border: none; font-size: 1px; color: #000; }

.collapseContent #resultMessage { color:#666; border: none; border-radius: 2px; padding: 3px; box-shadow: 1px 1px 3px #000; margin-left: 0px 0.5%;}

.collapseContact textarea { width:99%; height:70px}
.collapseContact .espacio { display: inline-block; box-shadow:none;}
.collapseContact p        { text-align:left}

.btn-x            { display:block; cursor:pointer}
.btn-x:hover,
.btn-x:hover *    { color:#ccc !important; text-decoration:none; transition:0.2s}
.btn-x span       { float:right; margin-right:5px; position:relative; top:4px}
/*MARCA*/
.marca  { background:#f7f7f7; height:140px; 
  background: -webkit-linear-gradient(#f7f7f7 50%, #D9D9D9); 
  background: -o-linear-gradient(#f7f7f7 50%, #D9D9D9); 
  background: -moz-linear-gradient(#f7f7f7 50%, #D9D9D9); 
  background: linear-gradient(#f7f7f7 50%, #D9D9D9);}
.marca div          { padding:0}
.marca .logo img    { margin:7px 0px 0px 0px}
.marca .partner     { text-align:right}
.marca .partner img { display:inline-block;}
.marca .partner a:first-child img { margin-left:0}
/*MENU*/
nav  { border-radius:0px; font-size:16px; text-transform:uppercase;}
nav a       { color:#FFF !important; text-shadow:1px 1px 0px rgba(0,0,0,0.7)}
nav .active { background:rgba(0,0,0,0.3)}
.navbar { border-radius:0; border-color:#bababa; border-left:none; border-right:none; margin-bottom:0}
.navbar-nav > li { margin:0}
.navbar-nav > li > a:hover { background:rgba(0,0,0,0.1) !important}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { background:none;}
.navbar-collapse { background:#087d2c; padding:0;
background: -webkit-linear-gradient(#087D2D 50%, #065D21); 
  background: -o-linear-gradient(#087D2D 50%, #065D21); 
  background: -moz-linear-gradient(#087D2D 50%, #065D21); 
  background: linear-gradient(#087D2D 50%, #065D21)}
.navbar-header .impact { width:35px; float:right; margin:7px 20px 0}
/*CUERPO*/
.cuerpo     { padding:40px 25px; background:#FFF; text-align:justify}
.cuerpo h4  { font-weight: bold; margin-top:25px}
.cuerpo p   { margin-bottom:15px}
.principal,
.lateral    { margin-bottom:30px}
/*PRINCIPAL*/
.principal      { border:solid 0px #CCC}
.principal img  { box-shadow:0 0 10px #CCC}
.principal ul,
.tab-content ul { margin:0; padding: 0; list-style-type:none}
.principal li,
.tab-content li { margin-bottom:20px}
.portadaResumen { padding:0}
/*RESULTADOS*/
.results strong     { background:#d7f7d7; border-radius:2px; padding:1px 2px}
.result2            { margin-bottom:15px; border:solid 1px #FFF; padding:5px 10px; border-radius:3px;}
.result2:hover      { background:#f8f8f8; border:dotted 1px #ccc}
.result2 a          { }
.result2 a:hover    { text-decoration:none;}
.result2 .abstract,  
.result2 .txt-sm,    
.result2 .key       { margin:3px 0 !important }
/*LATERAL*/
.lateral            { border:solid 0px #CCC}
.lateral ul.nav     { border-bottom:1px solid #CCC; position:relative; top:-7px; margin-bottom:20px}
.lateral .nav li    { font-size:16px !important; text-transform:uppercase; border-color:#666}
.lateral .nav li a  { padding:5px 3px 6px; margin-bottom:-1px; margin-left:2px; text-decoration:none; border-color:#CCC; color:#CCC}
.lateral .nav li.active a { color:#666; border-left-color:#CCC; border-right-color:#CCC; border-top-color:#CCC; 
background: #f1f1f1; 
background: -webkit-linear-gradient(#f1f1f1, #fff); 
background: -o-linear-gradient(#f1f1f1, #fff); 
background: -moz-linear-gradient(#f1f1f1, #fff); 
background: linear-gradient(#f1f1f1, #fff);}
.nav > li > a:focus, .nav > li > a:hover { background:#fafafa; color:#666}
.lateral .nav-tabs ax {   margin-left:2px;}
.tab-content li span      { padding-left:18px}
.tab-content .glyphicon   { color:#ffcc33; float:left; padding:0}
.lateral .nav li .glyphicon  { float:right; margin-right:10px; margin-top:3px}
.pestana2 .glyphicon-eye-open         { display:none}
.pestana2 .glyphicon-eye-close        { display:block}
.pestana2.active .glyphicon-eye-open  { display:block}
.pestana2.active .glyphicon-eye-close { display:none}
/*CARRUSEL*/
.carrusel            {}
.carrusel img        { box-shadow:0 0 10px #CCC;  /* Width y margin se defeinen en el script del html*/ } 
.carrusel .viewall   { text-transform:none; float: right}
.carrusel a .viewall { color:#666 !important}
.carrusel .viewall .glyphicon  { font-size:14px;}
.well { background-color:transparent; border:none; box-shadow:none; border-radius:0; margin-bottom: 20px;  padding:0 13px;}
.date,
.vol      { font-size:13px; display:block; text-align:center}
.date     { color:#004792}
.vol      { color:#666;}
.carrusel .slides img { height: 147px !important}

.flexslider.carousel           { padding:0 60px}
.flexslider .slides img        { display:block; margin:0 auto 10px; width:116px !important}
.flex-control-nav              { display:none;}
/*PAST ISSUES*/
.past       { margin-top:40px !important}
.past li    { display:inline-block; text-align:center; margin-bottom:30px; vertical-align:top}
.past img   { height:147px; width:116px; margin-bottom:10px}
.past .year { display:block; min-height:inherit; border-bottom:solid 1px #e1e1e1; text-align:left; margin-left:15px; margin-bottom:35px; margin-top:10px; padding:0px 0 10px 1px; letter-spacing:2px}
.sort         { float:right}
.sort select  { background:#fbfbfb; border:solid 1px #CCC; border-radius:3px; position:relative; top:-5px; text-align:left; text-transform:uppercase }
.sort option  { padding:2px 25px 2px 2px; }
.sort select:active { background:#FFF}
/*CURRENT ISSUE*/
.current-control    { float:right}
.current-control a  { color:#666; margin-left:20px}
.current-control .glyphicon { top:2px}
.current-portada > div  { padding-right:0} 
.current-portada h3     { color:#004792; font-size:20px; margin:0 0 5px 0}
.current-portada img    { float: left; width:116px; height:147px}
.current-portada .fa    { background:#004792; color:#FFF; padding:6px; border-radius:4px; font-size:30px; float:left; position: relative; left:-25px; top:115px; box-shadow:0 0 8px rgba(0,0,0,0.5)}
.cuport1, .cuport2   { margin-bottom:30px}

.current-list           { clear:both;}
.current-list h3        { color:#FFF; border-bottom:2px #087D2C solid; text-transform:uppercase; font-weight:normal;font-size:16px}
.current-list h3 span   { display: inline-block; background:#087D2C; padding:7px 5px 4px 8px; border-radius:3px 3px 0 0}
.current-list h4        { font-size:16px; padding-left:5px; text-transform:uppercase; color:#004792; margin-bottom:15px;}
.current-list h5        { font-size:15px; padding-left:5px; padding-bottom:3px; font-weight:bold; border-bottom:1px solid #CCC; margin-top: 20px}
.current-list ul        { margin:auto; padding:auto}
.current-list li        { color:#004792;padding:10px 15px; border:solid 1px #FFF; margin-bottom:0;}
.current-list li:before { content:"•"; position:relative; left:-8px; top:-2px; float:left}
.current-list li:hover  { background:#f8f8f8; border:dotted 1px #ccc}
.current-list .abstract { margin-bottom:6px !important}
.current-list .txt-sm   { margin:0 0 5px 6px}
.current-list a         {}
.current-list a:hover   {}
.current-list .panel,
.panel-title.btnUpDown           { background:none;}
.current-list .panel-group       { margin-bottom:0}
.current-list .panel-default     { box-shadow:none; border:none;}
.current-list .panel-heading     { padding:0;  background:none}
.current-list .panel-heading a,  
.current-list .panel-collapse p  { color:#666; font-size:13px;}
.current-list .panel-title       { padding:2px 7px; border-radius:2px; text-decoration:none}
.current-list .panel-title:hover { background:#f0f0f0 !important}
.current-list .panel-title .glyphicon { font-size:12px }
.current-list .panel-collapse    { padding-left:7px}
/*glyphicon acordeon*/
.collapsed .glyphicon-menu-up,
.panel-title.btnUpDown .glyphicon-menu-down  { display:none }
.panel-title.collapsed .glyphicon-menu-down  { display:inline-block}
.panel-title.collapsed.btnUpDown { background:none; transition:0;}
.panel-title.btnUpDown           { background:none; transition:0;}

/*CONTRIBUTE*/
.contribute { padding:40px; background:#FFF; box-shadow:0 0 40px rgba(204,204,204,0.4) inset; color:#004792}
.contribute h3 { font-size:18px; text-transform:uppercase; font-weight:bold; margin:0 0 8px 0}
.contribute span     { vertical-align:middle}
.contribute-btn2 a   { float:right}
.contribute a        { background:#087D2C; color:#FFF; border-radius:5px; font-weight:bold; display:block; text-decoration:none; text-align:left; box-shadow:0 0 10px rgba(0,0,0,0.7)}
.contribute a:hover  { background:#065D21}
.contribute a:active { box-shadow:0 0 20px rgba(0,0,0,0.3) inset}
.contribute a img    { margin-right:10px;}
.contribute span     { display:inline-block;}
/*ORIGINAL*/
.original p       {}
.original h4      { border-bottom:solid 1px #CCC; padding-bottom:5px; margin:50px 0 30px; display:block;}
.original img     { box-shadow:0 0 0 0 !important;}
/*viewdown*/
.viewdown a       { margin-right:20px}
.viewdown         { }
.share            { }
.share            { text-align:right; padding-top:2px}
.share > div,
.share > span     { display: inline-block; }
.share > span     { text-transform:uppercase; vertical-align:super}
.share .fa        { font-size:35px; color:#087D2C; margin-left:15px}
.share .fa:hover  { color:#065D21}
/*PAGINACION*/
.paginacion { text-align:center; margin-top:30px}
.paginacion a.select { background-color:#087D2C; font-weight:bold; color:#FFF}
.pagination > li > a, .pagination > li > span { padding: 6px 13px;}
.paginacion.glosario .pagination { margin-top:16px}
/*PIE*/
.pie-espacio    { height:60px; background:#FFF;}
.pie { padding:0px 20px 30px;
    background:#FFF;
    background: -webkit-linear-gradient(#FFF 30%, #e1e1e1); 
    background: -o-linear-gradient(#FFF 30%, #e1e1e1); 
    background: -moz-linear-gradient(#FFF 30%, #e1e1e1); 
    background: linear-gradient(#FFF 30%, #e1e1e1)}
.pie a          { color:#087d2d}
.pie a:hover    { color:#0b9e39}
.pie .pie1 img  { width:80%; margin-bottom:5px}
.pie .pie1 p    { color:#999; font-size:9px; line-height:12px}
.pie .pie2      { font-size:13px; text-align:center; color:#087d2d}
.pie .redes     { margin:0}
.pie .pie2 a    { margin:0 3px }
.pie .pie2 .fa  { font-size:25px; margin:0px 15px 0}
.pie .pie3      { text-align:right}
.pie .sombra    { height:30px;
    background:#FFF;
    background: -webkit-linear-gradient(#e1e1e1, #FFF 80%); 
    background: -o-linear-gradient(#e1e1e1, #FFF 80%); 
    background: -moz-linear-gradient(#e1e1e1, #FFF 80%); 
    background: radial-gradient(#e1e1e1, #FFF 80%);
    background-position:0px -18px; background-repeat: no-repeat}
/*LEGALES*/
.legales    { text-align:center; color:#FFF; font-size:12px !important;
    background:#044518;
    background: -webkit-linear-gradient(#044518, #087d2d 30%); 
    background: -o-linear-gradient(#044518, #087d2d 30%); 
    background: -moz-linear-gradient(#044518, #087d2d 30%); 
    background: linear-gradient(#044518, #087d2d 30%);}
.legales p  { margin:10px 0;}
.legales a  { color:#FFF; text-decoration: underline; margin-left:7px}
/*MODAL*/
.modal *        { font-size:16px}
.modal-dialog   { box-shadow:0px 0px 10px rgba(0,0,0,0.7); border-radius:5px}
.modal-header   { border:none !important; background:#065D21; color:#FFF; border-radius:4px 4px 0 0}
.modal-header p { margin:0}
.modal-header .glyphicon        { color:#065D21; float:right; background:#FFF; padding:4px; border-radius:2px; font-size:14px}
.modal-header .glyphicon:hover  { background:#CCC; box-shadow:0 0 5px rgba(0,0,0,0.3)}
.modal-header .glyphicon:active { box-shadow:0 0 5px rgba(0,0,0,0.5) inset}
.modal-title     { font-weight:bold; letter-spacing:0.05em}
.modal-body      { padding-bottom:10px; color:#666; text-align:center}
.modal-body img  { margin:10px auto 20px}
.modal-body p    { font-size:20px}
.modal-body p.p1 { font-weight:bold; color:#065D21; font-size:22px}
.modal-content   { box-shadow:0px 0px 20px #ccc inset;}
#modal-portada img  { box-shadow:0px 0px 30px #666;}
/*TOGGLE MENU EFFECT*/
.navbar-toggle             { background:#087D2D}
.navbar-toggle:hover       { background:#065D21 !important}
.navbar-toggle .icon-bar   { width:22px; transition: all 0.2s}

.navbar-toggle .top-bar,
.navbar-toggle .middle-bar, 
.navbar-toggle .bottom-bar { background-color:#FFF !important; position:relative;}

.navbar-toggle .top-bar    { transform:rotate(-50deg);  width:65%; height:3px; transform-origin:10% 40%; right:-2px; top:10px}
.navbar-toggle .middle-bar { opacity:0}
.navbar-toggle .bottom-bar { transform:rotate(-130deg); width:65%; height:3px; transform-origin:10% 0%; right:-16px; top:-1px}

.navbar-toggle.collapsed .top-bar,
.navbar-toggle.collapsed .bottom-bar { transform:rotate(0); right:0px; top:0; width:100%; height:2px}
.navbar-toggle.collapsed .middle-bar { opacity:1}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - Escritorio grande - - - */

@media (min-width: 1200px){ 
    .x { background:red;}
    .vx-cont {width:1170px}
    .displayTop .Vabout   { left:83%} 
    .displayTop .Vcontact { left:92%}
    .displayTop .Vsearch  { left:81%}
    .marca .partner     { margin-top:22px}
    .marca .partner img { margin-left:7%}
    .marca .impact      { height:95px}
    .navbar-nav > li > a { padding:14px 53.5px}
    .collapseContact input,
    .collapseContact .espacio { width:32%}
    .collapseSearch input     { width:88%}
    .pie .pie2      { margin-top:85px}
    .pie .pie3      { margin-top:110px}
    .pie .pie3 img  { margin:0 0 0 40px}
    .contribute-txt      { padding-right:190px}
    .contribute a        { padding:20px 30px; width:90%}
    .contribute span     { width:60%}
    .flexslider .slides > li { marginx:0 45px }
    .past li  { width:16%; margin-right:0.30%}
    .past .year { width:98.5%}
    .current-list h4 span { width:40%}
    .viewdown         { text-align:left }
    .share            { text-align: right}
    .lateral .nav li a  { padding:5px 1px 6px}
    .pestana1, .pestana2 { letter-spacing:-0.03em}

    
}

/* - - - - Escritorio pequeño - - - */
@media (min-width:992px) and (max-width:1199px){
    .x { background:green;}
    .vx-cont {width:970px}
    .displayTop .Vabout   { left:79%}
    .displayTop .Vcontact { left:90%}
    .displayTop .Vsearch  { left:81%}
    .marca .partner     { margin-top:25px}
    .marca .partner img { margin-left:4px}
    .marca .impact      { height:90px}
    .navbar-nav > li > a { padding:14px 36.5px}
    .collapseContact input,
    .collapseContact .espacio { width:31%}
    .collapseSearch input     { width:86%}
    .collapseSearch input     { width:86%}
    .pie .pie2      { margin-top:65px}
    .pie .pie3      { margin-top:90px}
    .pie .pie3 img  { margin:0 0 0 12px}
    .contribute-txt      { padding-right:0px}
    .contribute a        { padding:20px 30px; width:220px}
    .contribute span     { width:65%}
    .past li  { width:16.2%; min-height:200px}
    .past .year { width:98.5%}
     .current-list h4 span { width:50%}
    .viewdown, .share   { text-align:center}
    .share              { margin-top:20px}
}

/* - - - - Tablet  - - - */
@media (min-width:768px) and (max-width:991px){
    .x { background:cyan;}
    .vx-cont {width:750px}
    .displayTop .Vabout   { left:73%}
    .displayTop .Vcontact { left:81%}
    .displayTop .Vsearch  { left:81%}
    .marca .partner     { margin-top:35px}
    .marca .logo img    { margin:28px 0px 0px 0px}
    .marca .partner img { margin-left:4px}
    .marca .impact      { height:70px}
    .navbar-nav > li > a { padding:14px 18.5px}
    .collapseContact input,
    .collapseContact .espacio { width:48%}
    .collapseSearch input     { width:82%}
    .pie .pie2      { margin-top:35px}
    .pie .pie3      { margin-top:35px}
    .pie .pie3 img  { margin:0 auto 15px }
    .contribute          { padding-bottom:10px}
    .contribute-txt      { padding-right:0px}
    .contribute a        { padding:20px 10px; width:100%}
    .contribute span     { width:65%} 
    .past li  { width:32%; margin-right:0.9%}
    .past .year { width:98%}
     .current-list h4 span { width:40%}
    .viewdown, .share   { text-align:center}
    .share              { margin-top:20px}
}

/* - - - - Smartphone - - - */
@media (max-width:767px){ 
    .x { background:yellow;}
    .vx-cont {width:100%; padding-right:20px;}
    .displayTop .Vabout   { left:95%}
    .displayTop .Vcontact { left:81%}
    .displayTop .Vsearch  { left:81%}
    .displayTop .glyphicon-triangle-bottom { display:none}
    .collapseContent          { padding:0 0 10px 0}
    .collapseContact input    { width:48%}
    .collapseSearch input     { width:100%}
    .collapseContent button   { width:100%}
    .collapseContent h3       { margin-top:0}
    nav {background:#f7f7f7; 
         background: -webkit-linear-gradient(#f7f7f7 50%, #D9D9D9); 
         background: -o-linear-gradient(#f7f7f7 50%, #D9D9D9); 
         background: -moz-linear-gradient(#f7f7f7 50%, #D9D9D9); 
         background: linear-gradient(#f7f7f7 50%, #D9D9D9);}
    nav a img   { width:140px; margin:2px 0 0 10px }
    .navbar-nav { margin:0px}
    .navbar-nav > li > a { padding:15px 0px 15px 20px !important}
    .modal-dialog { margin-top:30px}
    .principal1 img { width:50%; margin:0 auto 20px}
    .lateral .nav li          { margin-bottom:10px}
    .lateral .nav li.active a { color:#FFF; background: #087D2C;}
    .lateral .nav.nav-tabs.nav-justified { padding-bottom:15px; border-bottom:1px dotted #CCC}
    .pie .pie1      { text-align:center; margin-bottom:10px}
    .pie .pie1 img  { width:150px; margin:10px auto}
    .pie .pie1 p    { font-size:12px; line-height:14px}
    .pie .pie3      { text-align:center; margin-top:10px}
    .pie .pie3 div  { margin:30px 0 0}
    .pie .pie3 img  { margin:0 4%}
    .contribute a        { padding:15px 20px; width:100%; text-align:center}
    .contribute a img    { margin-right:0px}
    .contribute span     { margin-top:10px}
    .past li  { width:100%}
    .past .year { width:96%}
    .current-control a  { color:#666; margin-left:5px; letter-spacing:-0.03em; font-size:12px}
    .current-list h4 span { width:80%}
    .current-portada {}
    .cuport1 { width:100%; padding:0 35%}
    .cuport2 { width:100%; text-align:center}
    .viewdown, .share   { text-align:center}
    .viewdown a         { margin:10px}
    .share              { margin-top:20px}
}

/* - - - - Smartphone Horizontal - - - */
@media (min-width:640px) and (max-width:767px) {
    .x { background:lime;}  
    .collapseContent form  { margin-top:10px}
    .collapseContent input, .collapseContent .espacio, .collapseContent textarea { margin-bottom:10px; padding:3px 7px}
    .collapseContent textarea { height:50px}
    .collapseContact input { width:48%}
    .principal1 img        { width:40%}
    .contribute a          { padding:20px 20px; width:100%}
    .contribute span       { width:65%}
    .past li  { width:32%; margin-right:0.5%}
    .past .year { width:98%}
    .current-control a  { color:#666; margin-left:20px}
     .current-list h4 span { width:40%}
    .cuport1 { width:29%; padding-left:0}
    .cuport2 { width:71%; text-align:left}
}
/* - - - - Extra Slim - - - */
@media (max-width:450px) {
    .x { background:pink;} 
    .contribute-btn { margin:10px auto 30px}
    .contribute-btn, 
    .contribute-btn2 { width:100%}
    .contribute-btn span,
    .contribute-btn2 span { display: block}

}
    
/* - - - - SAFARI HACK - - - */
@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{

    
}}