/* Boostrap 5 columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
    /* Logo */
    .logo-navbar {display:block;}

    h1 {
        font-family: 'Sintony', sans-serif;
        font-size: 26px;
    }
    h2 {
        font-family: 'Sintony', sans-serif;
        font-size: 24px;
    }
    h3 {
        font-family: 'Sintony', sans-serif;
        font-size: 20px;
    }
    h4 {
        font-family: 'Sintony', sans-serif;
        font-size: 16px;
    }



}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
            h1 {
				letter-spacing: -0.025em;
			}

			h2 {
				font-size: 2em;
				letter-spacing: -0.015em;
			}

			h3 {
				font-size: 1.5em;
				letter-spacing: -0.015em;
			}



}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
            h1 {
				letter-spacing: -0.025em;
			}

			h2 {
				font-size: 2em;
				letter-spacing: -0.015em;
			}

			h3 {
				font-size: 1.5em;
				letter-spacing: -0.015em;
			}


}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
            h1 {
				letter-spacing: -0.025em;
			}

			h2 {
				font-size: 2em;
				letter-spacing: -0.015em;
			}

			h3 {
				font-size: 1.5em;
				letter-spacing: -0.015em;
			}



}