/* Extra small devices (phones, portrait) 0–480px → small phones (portrait)*/
@media only screen and (max-width: 480px) {
.comp-title {
    text-decoration :none;
    font-weight:500;
    font-size:16px;
    color :#004c8f;
    }
}

/* Small devices (phones, landscape) 481–767px → larger phones (landscape)*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .comp-title{
    text-decoration :none;
    font-weight:500;
    font-size:16px;
    color :#004c8f;
    }
}

/* Medium devices (tablets, portrait) 768–1024px → tablets*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .comp-title {
    text-decoration :none;
    font-weight:500;
    font-size:20px;
    color :#004c8f;
    }
}

/* Large devices (desktops, small screens) 1025–1280px → small desktops/laptops*/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .comp-title {
    text-decoration :none;
    font-weight:600;
    font-size:24px;
    color :#004c8f;
    }
}

/* Extra large devices (large desktops) 1281–1440px → large desktops */
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .comp-title {
    text-decoration :none;
   font-weight:600;
   font-size:24px;
   color :#004c8f;
  }
}

/* Ultra wide screens (TVs, big monitors) 1441px+ → ultra-wide monitors/TVs*/
@media only screen and (min-width: 1441px) {
  .comp-title {
   text-decoration :none;
   font-weight:600;
   font-size:24px;
   color :#004c8f;
  }
}