@font-face {
   font-family: montserratbold;
   src: url(../fonts/montserratbold.ttf);
}

*{
    font-family: montserratbold;

}

body{
    background-color: black !important;
}
.bg-color{
    background-color: #2d3e52;
}

.color-primary{
    color:#2d3e52 ;
}

.color-primary-dark{
    color: #243443;
}

.color-accent-dark{
color:#74aa50 ;
}

.color-accent-light{
color:#19bd9c ;
}

.bg-primary-dark{
    background-color: #243443;
}

/* .bg-primary-light{
    background-color: #243443;
} */

.telecasts{
      transition: transform .2s;
}
.telecasts:hover{
    cursor: pointer;
    background-color: #19bd9c;
    /* transition: all ease 1s; */
     -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

.logo{
transition: transform .2s;
    height: 230px;
    width: 150px;
}

.logo:hover{
    cursor: pointer;
      /* transition: all ease 1s; */
     -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}


.app{
    cursor: pointer;
    transition: transform .2s;
    width: 50px;
    height: 50px;
}

.app:hover{
    cursor: pointer;
      /* transition: all ease 1s; */
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}


@media only screen and (max-width: 1201px) {
    .title{
        font-size: 22px;
    }
    .caption{
            font-size: 19px;
    }
            .app{
    cursor: pointer;
    transition: transform .2s;
    width: 50px;
    height: 50px;
    }
}

@media only screen and (max-width: 1025px) {
    .title{
        font-size: 20px;
    }
    .caption{
            font-size: 17px;
    }
        .app{
    cursor: pointer;
    transition: transform .2s;
    width: 50px;
    height: 50px;
    }
}

@media only screen and (max-width: 769px) {
    .title{
        font-size: 18px;
    }
    .caption{
            font-size: 15px;
    }
        .app{
    cursor: pointer;
    transition: transform .2s;
    width: 50px;
    height: 50px;
    }
}


@media only screen and (max-width: 699px) {
    .title{
        font-size: 16px;
    }
    .caption{
            font-size: 13px;
    }
        .app{
    cursor: pointer;
    transition: transform .2s;
    width: 45px;
    height: 45px;
    }
}


@media only screen and (max-width: 481px) {
    .title{
        font-size: 14px;
    }
    .caption{
            font-size: 12px;
    }
        .app{
    cursor: pointer;
    transition: transform .2s;
    width: 40px;
    height: 40px;
    }
}


@media only screen and (max-width: 399px) {
    .title{
        font-size: 11px;
    }
    .caption{
            font-size: 10px;
    }
        .app{
    cursor: pointer;
    transition: transform .2s;
    width: 35px;
    height: 35px;
    }
}


@media only screen and (max-width: 320px) {
    .title{
        font-size: 10px;
    }
    .caption{
            font-size: 8px;
    }
    .app{
    cursor: pointer;
    transition: transform .2s;
    width: 30px;
    height: 30px;
    }
}


.cursor-poiner:hover{
    cursor: pointer;
}