#iconBlockSection * {
    -webkit-box-sizing:content-box !important;
    -moz-box-sizing:content-box !important;
    box-sizing:content-box !important;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
#iconBlockSection {
    width:100%;
    background:#fff;
}
.iconBlock {
    list-style:none;
    margin:auto;
    padding:60px 0 0 0;
    text-align:center;
    font-family:'PT Sans', Arial, Verdana;
    font-size:15px;
    max-width:1180px;
    font-weight:300;
    background:#fff;
    width:100%;
}
.iconBlock ul, .iconBlock li {
    margin:0;
    padding:0 7px;
    outline:0;
    text-align:center;
    display:inline-block;
}
.iconBlock li {
    width:215px;
    margin-bottom:32px;
    cursor:pointer;
}
.iconBlock li:hover {
    font-weight:bold;
}
.iconCircle {
    position:relative;
    vertical-align:middle;
    margin:0;
    border:#bcbcbc 1px solid;
    border-radius:50% !important;
    padding:20px 35px 33px 22px !important;
    width:75px;
    height:75px;
    display:inline-block;
    margin-bottom:32px;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
.iconCircle:hover {
    border:#000 1px solid;
}
.iconImage {
    margin:0;
    width:90px;
    height:90px;
    background-size:70px 70px;
    background-repeat:no-repeat;
    background-position:center center;
}
.iconContent {
    width:98%;
    display:none;
}
#contentBlock {
    position:relative;
}
#contentBlock h1 {
    text-align:center !important;
}
.wplImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/wpl.jpg');
}
.wplImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/wpl2.jpg');
}
.eBookImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/ebook.jpg');
}
.eBookImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/ebook2.jpg');
}
.schoolImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/school.jpg');
}
.schoolImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/school2.jpg');
}
.schoolImage, .schoolImage:hover {
    background-size:73px 73px;
}
.heritageImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/heritage.jpg');
}
.heritageImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/heritage2.jpg');
}
.heritageImage, .heritageImage:hover {
    background-size:85px 85px;
}
.journalImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/wj.jpg');
}
.journalImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/wj2.jpg');
}
.journalImage, .journalImage:hover {
    background-size:85px 85px;
}
.gutenbergImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/gutenberg.jpg');
}
.gutenbergImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/gutenberg2.jpg');
}
.gutenbergImage, .gutenbergImage:hover {
    background-size:67px 67px;
}
.photoImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/camera.jpg');
}
.photoImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/camera2.jpg');
}
.photoImage, .photoImage:hover {
    background-size:80px 80px;
}
.comicImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/comic.jpg');
}
.comicImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/comic2.jpg');
}
.comicImage, .comicImage:hover {
    background-size:67px 67px;
}
.noahImage {
    background-image:url('http://read.images.worldlibrary.net/images/icons/noah.jpg');
}
.noahImage:hover {
    background-image:url('http://read.images.worldlibrary.net/images/icons/noah2.jpg');
}
.noahImage, .noahImage:hover {
    background-size:70px 70px;
}
#contentBlock img {
    width:100%;
}
#grayedTitle {
    position:absolute;
    top:60px;
    left:2%;
    color:#fff !important;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
    line-height:0.6;
    text-transform:uppercase;
    z-index:999;
    font-size:3em;
}
#contentBlock #grayedTitle {
    text-align:left !important;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
.grayedSubheader, .grayedSubheader a {
    font-size:16px;
    color:#fff !important;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
span.grayedSubHeader a {
    text-transform:initial;
}
#grayedText h1 {
    font-size:2em;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
#iconBlockClose {
    position:relative;
    text-transform:uppercase;
    font-size:2em;
    border:#bcbcbc 1px solid;
    border-radius:50% !important;
    padding:10px;
    width:19px;
    height:21px;
    margin:auto;
    top:19px;
    z-index:999;
    background:#fff;
    color:#000;
    cursor:pointer;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
    line-height:22px;
}
#grayedText {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:98%;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
}
#grayedText h1, #grayedText h2 {
    color:#fff !important;
    font-family:'PT Sans', Arial, Verdana !important;
    font-weight:300 !important;
    text-align:center !important;
    text-transform:uppercase;
}

@media (max-width:640px) {
    #grayedTitle {
        font-size:1.5em;
        left:6%;
    }
    #grayedText h1 {
        font-size:1em;
    }
    #grayedTitle, #grayedText {
        margin-top:15px;
    }
    #grayedText {
        margin-top:55px;
    }
    #grayedSubHeader a {
        position:relative;
        top:5px;
    }
}

@media (min-width:1136px) and (max-width:1430px) {
    #grayedTitle {
        line-height:1;
    }
    .iconBlock {
        max-width:1029px;
        font-size:11px;
    }
    .iconBlock li {
        width:160px;
        font-size: 11px;
    }
}

@media (min-width:941px) and (max-width:1135px) {
    .iconBlock {
        max-width:927px;
        font-size:15px;
    }
    .iconBlock li {
        width:215px;
    }
}

@media (min-width:551px) and (max-width:940px) {
    .iconBlock {
        max-width:520px;
        font-size:11px;
    }
    .iconBlock li {
        width:155px;
    }
}

@media (min-width:1px) and (max-width:550px) {
    .iconBlock {
        max-width:215px;
        font-size:15px;
    }
}