/*Linkboxes - A script will change the % width of the boxes based on how many boxes have been counted*/
.pageContentLinkBoxes{
    height: 230px;
    background-color: #1c5080;
    font-size:0px;
}

@media screen and (max-width:1600px){
    .pageContentLinkBoxes{
        height: 14.375vw;
    }
}

@media screen and (max-width:640px){
    .pageContentLinkBoxes.box_number_4{
        height: 40vw;
    }
}

@media screen and (max-width:680px){
    .pageContentLinkBoxes.box_number_5{
        height: 40vw;
    }
}

@media screen and (max-width:820px){
    .pageContentLinkBoxes.box_number_6{
        height: 40vw;
    }
}

@media screen and (max-width:980px){
    .pageContentLinkBoxes.box_number_7{
        height: 40vw;
    }
}

@media screen and (max-width:1024px){
    .pageContentLinkBoxes.box_number_8{
        height: 40vw;
    }
}

.linkbox{
    display:none;
    position:relative;
    height:100%;
    width:0px;
    font-size:0px;
    overflow:hidden;
}

@media screen and (max-width:640px){
    .linkbox.count_4{
        height:50%;
    }
}

@media screen and (max-width:680px){
    .linkbox.count_5{
        height:50%;
    }
}

@media screen and (max-width:820px){
    .linkbox.count_6{
        height:50%;
    }
}

@media screen and (max-width:980px){
    .linkbox.count_7{
        height:50%;
    }
}

@media screen and (max-width:1024px){
    .linkbox.count_8{
        height:50%;
    }
}

.linkbox.visible{
    display:inline-block;
}

.linkbox.count_1{
    width:100%;
}

.linkbox.count_2{
    width:50%;
}

.linkbox.count_3{
    width:33.333%;
}

.linkbox.count_4{
    width:25%;
}

@media screen and (max-width:640px){
    .linkbox.count_4{
        width:50%;
    }
}

.linkbox.count_5{
    width:20%;
}

@media screen and (max-width:680px){
    .linkbox.count_5{
        width:33.333%;
    }
    .linkbox.count_5.box_4{
        width:50%;
    }
    .linkbox.count_5.box_5{
        width:50%;
    }
}

.linkbox.count_6{
    width:16.666%;
}

@media screen and (max-width:820px){
    .linkbox.count_6{
        width:33.333%;
    }
}

.linkbox.count_7{
    width:14.285714%;
}

@media screen and (max-width:980px){
    .linkbox.count_7{
        width:25%;
    }
    .linkbox.count_7.box_5{
        width:33.333%;
    }
    .linkbox.count_7.box_6{
        width:33.333%;
    }
    .linkbox.count_7.box_7{
        width:33.333%;
    }
}

.linkbox.count_8{
    width:12.5%;
}

@media screen and (max-width:1024px){
    .linkbox.count_8{
        width:25%;
    }
}

.linkbox_link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
}

.linkbox_background{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    transition:background-size 0.8s, top 0.8s, height 0.8s;
}

.linkbox:hover .linkbox_background{
    background-size:120%;
    top:-10%;
    height:120%;
}

.linkbox_gradient{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.odd .linkbox_gradient{
    background: linear-gradient(to bottom, rgba(32,46,87,0) 0%,rgba(32,46,87,0) 30%,rgba(32, 46, 87, 0.4) 50%,rgb(32, 46, 87) 100%);
}

.even .linkbox_gradient{
    background: linear-gradient(to bottom, rgba(33,75,125,0) 0%,rgba(33,75,125,0) 30%,rgba(33,75,125,0.4) 50%,rgba(33,75,125,1) 100%);
}

.linkbox_overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.odd .linkbox_overlay{
    background-color: rgba(32, 46, 87, 0.85);
    transition:background-color 0.8s;
}

.linkbox.odd:hover .linkbox_overlay{
    background-color: rgba(32, 46, 87, 0.92);
}

.even .linkbox_overlay{
    background-color: rgba(33, 75, 125, 0.85);
    transition:background-color 0.8s;
}

.linkbox.even:hover .linkbox_overlay{
    background-color: rgba(33, 75, 125, 0.92);
}

.linkbox_icon{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: top 30% center;
    background-size: auto 50%;
    background-repeat: no-repeat;
}

.linkbox_text_margin{
    position: absolute;
    bottom: 12%;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    overflow: hidden;
    text-align: center;
}

.linkbox_text_table{
    display: table;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 50px;
}

.linkbox_text_tablecell{
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
    text-transform: uppercase;
}

/*Count 1 font sizes*/

.count_1 .linkbox_text_margin{
    height: 50px;
}

.count_1 .linkbox_text_table{
    height: 50px;
}

.count_1 .linkbox_text_tablecell{
    font-size: 26px;
}

@media screen and (max-width:900px){
    .count_1 .linkbox_text_margin{
        height: 5.6vw;
    }
    
    .count_1 .linkbox_text_table{
        height: 5.6vw;
    }
    .count_1 .linkbox_text_tablecell{
        font-size: 2.8vw;
    }
}

/*Count 2 font sizes*/

.count_2 .linkbox_text_margin{
    height: 50px;
}

.count_2 .linkbox_text_table{
    height: 50px;
}

.count_2 .linkbox_text_tablecell{
    font-size: 26px;
}

@media screen and (max-width:980px){
    .count_2 .linkbox_text_margin{
        height: 5.25vw;
    }
    
    .count_2 .linkbox_text_table{
        height: 5.25vw;
    }
    .count_2 .linkbox_text_tablecell{
        font-size: 2.625vw;
    }
}

/*Count 3 font sizes*/

.count_3 .linkbox_text_margin{
    height: 50px;
}

.count_3 .linkbox_text_table{
    height: 50px;
}

.count_3 .linkbox_text_tablecell{
    font-size: 26px;
}

@media screen and (max-width:1280px){
    .count_3 .linkbox_text_margin{
        height: 4vw;
    }
    
    .count_3 .linkbox_text_table{
        height: 4vw;
    }
    .count_3 .linkbox_text_tablecell{
        font-size: 2vw
    }
}

/*Count 4 font sizes*/

.count_4 .linkbox_text_margin{
    height: 50px;
}

.count_4 .linkbox_text_table{
    height: 50px;
}

.count_4 .linkbox_text_tablecell{
    font-size: 26px;
}

@media screen and (max-width:1600px){
    .count_4 .linkbox_text_margin{
        height: 3.3vw;
    }
    
    .count_4 .linkbox_text_table{
        height: 3.3vw;
    }
    .count_4 .linkbox_text_tablecell{
        font-size: 1.65vw;
    }
}

@media screen and (max-width:640px){
    .count_4 .linkbox_text_margin{
        height: 7vw;
    }
    
    .count_4 .linkbox_text_table{
        height: 7vw;
    }
    .count_4 .linkbox_text_tablecell{
        font-size: 3.5vw;
    }
}

/*Count 5 font sizes*/

.count_5 .linkbox_text_margin{
    height: 50px;
}

.count_5 .linkbox_text_table{
    height: 50px;
}

.count_5 .linkbox_text_tablecell{
    font-size: 26px;
}

@media screen and (max-width:1600px){
    .count_5 .linkbox_text_margin{
        height: 3vw;
    }
    
    .count_5 .linkbox_text_table{
        height: 3vw;
    }
    .count_5 .linkbox_text_tablecell{
        font-size: 1.5vw;
    }
}

@media screen and (max-width:680px){
    .count_5 .linkbox_text_margin{
        height: 5vw;
    }
    
    .count_5 .linkbox_text_table{
        height: 5vw;
    }
    .count_5 .linkbox_text_tablecell{
        font-size: 2.5vw;
    }
}


/*Count 6 font sizes*/

.count_6 .linkbox_text_margin{
    height: 44px;
}

.count_6 .linkbox_text_table{
    height: 44px;
}

.count_6 .linkbox_text_tablecell{
    font-size: 22px;
}

@media screen and (max-width:1600px){
    .count_6 .linkbox_text_margin{
        height: 2.7vw;
    }
    
    .count_6 .linkbox_text_table{
        height: 2.7vw;
    }
    .count_6 .linkbox_text_tablecell{
        font-size: 1.35vw;
    }
}

@media screen and (max-width:820px){
    .count_6 .linkbox_text_margin{
        height: 5vw;
    }
    
    .count_6 .linkbox_text_table{
        height: 5vw;
    }
    .count_6 .linkbox_text_tablecell{
        font-size: 2.5vw;
    }
}

/*Count 7 font sizes*/

.count_7 .linkbox_text_margin{
    height: 40px;
}

.count_7 .linkbox_text_table{
    height: 40px;
}

.count_7 .linkbox_text_tablecell{
    font-size: 20px;
}

@media screen and (max-width:1600px){
    .count_7 .linkbox_text_margin{
        height: 2.5vw;
    }
    
    .count_7 .linkbox_text_table{
        height: 2.5vw;
    }
    .count_7 .linkbox_text_tablecell{
        font-size: 1.25vw;
    }
}

@media screen and (max-width:980px){
    .count_7 .linkbox_text_margin{
        height: 4vw;
    }
    
    .count_7 .linkbox_text_table{
        height: 4vw;
    }
    .count_7 .linkbox_text_tablecell{
        font-size: 2vw;
    }
}

/*Count 8 font sizes*/

.count_8 .linkbox_text_margin{
    height: 36px;
}

.count_8 .linkbox_text_table{
    height: 36px;
}

.count_8 .linkbox_text_tablecell{
    font-size: 18px;
}

@media screen and (max-width:1600px){
    .count_8 .linkbox_text_margin{
        height: 2.2vw;
    }
    
    .count_8 .linkbox_text_table{
        height: 2.2vw;
    }
    .count_8 .linkbox_text_tablecell{
        font-size: 1.1vw;
    }
}

@media screen and (max-width:1024px){
    .count_8 .linkbox_text_margin{
        height: 4vw;
    }
    
    .count_8 .linkbox_text_table{
        height: 4vw;
    }
    .count_8 .linkbox_text_tablecell{
        font-size: 2vw;
    }
}