/* vaikimisi kõige väiksemas vaates */
.text-responsive {
    font-size: 0.75rem; /*1rem = 16px*/
    color:#ffffff;
}

.ikoon-responsive {
    font-size: 20px;
    color:#ffffff;
}

.background-responsive {
    background-color:  #e7247a;
}


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
    .text-responsive {
        font-size: 1rem; /*1rem = 16px*/
    }

    .ikoon-responsive {
        font-size: 40px;
        color:#ffffff;
        text-shadow:2px 2px 4px #000000;
    }

    .background-responsive {
        background-color:  #e7247a;
    }

    .background-responsive:hover {
        color: #e7247a;
        background-color: #ffffff;
        border-color:  #e7247a;
    }

    .background-responsive:hover .ikoon-responsive{
        color:  #e7247a;
    }

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .text-responsive {
        font-size: 1rem; /*1rem = 16px*/
    }

    .ikoon-responsive {
        font-size: 60px;
        color:#ffffff;
        text-shadow:2px 2px 4px #000000;
    }

    .background-responsive {
        background-color: #e7247a;
    }

    .background-responsive:hover {
        color:  #e7247a;
        background-color: #ffffff;
        border-color:  #e7247a;
    }

    .background-responsive:hover .ikoon-responsive{
        color:  #e7247a;
    }
}