/* Add here all your css styles (customizations) */
@font-face {
    font-family: "Bitsumishi";
    src: url('fonts/BITSUMIS.TTF') format("truetype");
}

#footer-boxes {
    -moz-column-count:2;
    -moz-column-gap:10px;
    -webkit-column-count:2;
    -webkit-column-gap:10px;
    column-count:2;
    column-gap:10px;
    -moz-border-radius: 10px;
}
.footer-box {
    margin:0 0 10px 0;
    display:inline-block;
    width:524px;
    height:140px;
    padding:15px;
    background:#e6e2df;
    color:#b2aaa4;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    background-position: 320px 50%;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor:pointer;
    /*-moz-border-radius: 10px 20px 30px 0;*/
    -moz-border-radius-topleft: 10px 40px;
}
.footer-box h5 {
    font-family: "Bitsumishi","Helvetica Neue",Helvetica !important;
    /*font: bold 24px Sans-Serif !important;*/
    text-transform:uppercase;
    font-size:38px;
    line-height:1;
    padding:0 0 10px 0;
}
.footer-box:hover h5 {
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    color:white;
}
.footer-box:hover p {
    color:white;
}
.footer-box p {
    font-size:12px;
    width:400px;
    line-height:1.5;
    color: #555;
}
.footer-box:hover {
    background-position: top;
    text-decoration: none;
    background-color:#237abe;
    background-position: 0px 10px;
}

.solDesc{
    font-size: 17px;
}

@media (width <= 1024px) {
    #footer-boxes {
        -moz-column-count:2;
        -moz-column-gap:10px;
        -webkit-column-count:2;
        -webkit-column-gap:10px;
        column-count:2;
        column-gap:10px;
        -moz-border-radius: 10px;
    }
    .footer-box {
        margin:0 0 10px 0;
        display:inline-block;
        width:450px;
        height:140px;
        padding:15px;
        background:#e6e2df;
        color:#b2aaa4;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        background-position: 320px 50%;
        background-repeat: no-repeat;
        text-decoration: none;
        cursor:pointer;
        /*-moz-border-radius: 10px 20px 30px 0;*/
        -moz-border-radius-topleft: 10px 40px;
    }

    .footer-box p {
        font-size:12px;
        width:80%;
        line-height:1.5;
        color: #555;
    }

    .footer-box h5 {
        font-family: "Bitsumishi","Helvetica Neue",Helvetica !important;
        /*font: bold 24px Sans-Serif !important;*/
        text-transform:uppercase;
        font-size:30px;
        line-height:1;
        padding:0 0 5px 0;
    }

}




@media (width <= 820px) {
    #footer-boxes {
        -moz-column-count:1;
        -moz-column-gap:10px;
        -webkit-column-count:1;
        -webkit-column-gap:10px;
        column-count:1;
        column-gap:10px;
        -moz-border-radius: 10px;
    }

    .footer-box {
        margin:0 0 5px 0;
        display:inline-block;
        width:48%;
        height:140px;
        padding:15px;
        background:#e6e2df;
        color:#b2aaa4;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        background-position: 320px 50%;
        background-repeat: no-repeat;
        text-decoration: none;
        cursor:pointer;
        /*-moz-border-radius: 10px 20px 30px 0;*/
        -moz-border-radius-topleft: 10px 40px;
    }
    .footer-box p {
        font-size:12px;
        width:80%;
        line-height:1.5;
        color: #555;
    }

    .footer-box h5 {
        font-family: "Bitsumishi","Helvetica Neue",Helvetica !important;
        /*font: bold 24px Sans-Serif !important;*/
        text-transform:uppercase;
        font-size:30px;
        line-height:1;
        padding:0 0 5px 0;
    }

}

@media (width <= 768px) {
    #footer-boxes {
        -moz-column-count:1;
        -moz-column-gap:10px;
        -webkit-column-count:1;
        -webkit-column-gap:10px;
        column-count:1;
        column-gap:10px;
        -moz-border-radius: 10px;
    }

    .footer-box {
        margin:0 0 5px 0;
        display:inline-block;
        width:95%;
        height:140px;
        padding:15px;
        background:#e6e2df;
        color:#b2aaa4;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        background-position: 320px 50%;
        background-repeat: no-repeat;
        text-decoration: none;
        cursor:pointer;
        /*-moz-border-radius: 10px 20px 30px 0;*/
        -moz-border-radius-topleft: 10px 40px;
    }
    .footer-box p {
        font-size:12px;
        width:80%;
        line-height:1.5;
        color: #555;
    }

    .footer-box h5 {
        font-family: "Bitsumishi","Helvetica Neue",Helvetica !important;
        /*font: bold 24px Sans-Serif !important;*/
        text-transform:uppercase;
        font-size:30px;
        line-height:1;
        padding:0 0 5px 0;
    }

}