/*                          */
/* ======================== */
/*                          */
/*  "napizia_res-code.css"  */  
/*                          */
/*      Eryk Wdowiak        */
/*      05 March 2018       */
/*                          */
/* ======================== */
/*                          */

/*  float resources to the right on large screen */
@media only screen and (min-width: 601px) {
    div.res-wrap { float: right; }
    div.res-box { 
        min-width: 350px; 
	margin:  0px 10px;
      	padding: 0px 10px;
    }
}
/*  add some margin */
div.res-box{
    margin: 0px auto 10px auto;
}

h3.resources {
    margin-top: 0.5em; 
    margin-bottom: 0.5em;
}
ul.resources {
    margin-top: 0.5em; 
    margin-bottom: 0.5em; 
}
/*  reduce UL padding on small screens  */
@media only screen and (min-width: 701px) and (max-width: 750px) {
    ul.resources { padding-left: 30px; }
}
@media only screen and (max-width: 700px) {
    ul.resources { padding-left: 20px; }
    table.resources { padding: 2px 0px; }
}

/*  add space between lines of code */
@media only screen and (max-width: 800px) {
    br.code { margin-bottom: 0.5em; }
}
@media only screen and (min-width: 801px) {
    br.code { margin-bottom: 0.25em; }
}