.contentI {max-width:705px;margin:0 auto }
.resources .title { margin: 34px 0 36px 0; text-align: center; padding:0 10px}
.resources .container .col { width:175px;float:left;margin-left:30px;}
.resources .container .col.first { margin-left:30px;}
.resources .container { margin-bottom:30px;}
.resources h1 { margin-bottom:20px;font-size:3.25em;}
.resources .container p{font-size:1.1em; }
.resources h4 { color:#611849;font-size:1.25em;margin-bottom:15px;font-weight:500;}
.resources .intro {
    font-size:1.3em;
}
.resources p a:hover {
    color:#621849;
}

@media only screen and (min-width: 500px) 
{
    .resources h1 {
        font-size: 5em;
    }
.resources .intro {
    font-size:1.3em;
}
   
}

@media only screen and (min-width: 721px) {
       .resources .container .col { margin-left: 60px; }
}