/* custom grid sizes */

.mobile {
    display: none;
}

.non-mobile {
    display: block;
}

@media (min-width: 992px) {

    .col-md-2p5 {
        /* 2.5/12 */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.833333%;
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }
    
    .col-md-2p5 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-3p5 {
        /* 3.5/12 */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.166667%;
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
    }

    .col-md-3p5 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

	.col-md-8p5 {
        /* 8.5/12 */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.833333%;
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-md-8p5 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

	.col-md-7p5 {
		/* 7.5/12 */
		-webkit-box-flex: 0;
		-ms-flex: 0 0 62.5%;
		flex: 0 0 62.5%;
		max-width: 62.5%;
	}
	
	.col-md-7p5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

    .col-md-9p5 {
        /* 9.5/12 */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.166667%;
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
    }
    
    .col-md-9p5 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

}

@media screen and (max-width: 1279px) {

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }
    
}

@media screen and (max-width: 991px) {

    h1 {
        font-size: 30px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    h3 {
        font-size: 18px;
    }

	.mobile {
        display: block;
    }
    
    .non-mobile {
        display: none;
    }

}