* {
    box-sizing: border-box;
}

.container {
    width: 100%
}

@media (min-width:768px) {
    .container {
        padding: 0 15px;
        margin: 0 auto;
    }
    /*.header-wrapper{
		max-width: 740px;
	}*/
    .row {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }
    /* .col-1 {
		flex:0 0 8.3333%;max-width:8.3333%;padding:0 15px; margin-left: -1px; margin-right: -1px
	}
	.col-2 {
		flex: 0 0 16.6666%;max-width: 16.6666%;padding:0 15px;margin-left: -1px; margin-right: -1px;
	} */
    .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-5 {
        flex: 0 0 41.6666%;
        max-width: 41.6666%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-8 {
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-9 {
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-11 {
        flex: 0 0 91.6666%;
        max-width: 91.6666%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
    .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-left: -1px;
        margin-right: -1px
    }
}

@media (min-width: 1025px) {
    .container,
    .header-wrapper {
        max-width: 1200px
    }
    .masthead-mobi {
        display: none;
    }
}

.ratio {
    height: 0;
    position: relative;
    display: block;
}

.ratio--object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 100; */
}

.ratio--custom {
    padding-bottom: 56.25%;
}

.ratio--1x1 {
    padding-bottom: 100%;
}