﻿body {
    color: white;
    height: 100% !important;
}

.center {
    margin-top: 7%;
}

.textColor {
    color: black;
    font-size: 25px;
}

.backgroundColor {
    background-color: #ededed;
    border: none;
    color: black;
    height: 175px;
    font-size: 25px;
    font-style: italic;
}

@media screen and (min-width: 375px) and (max-width: 500px) {
    .backgroundColor {
        font-size: 17px;
    }
}

.secondaryText {
    font-size: 15px;
    color: dimgray;
}

    .secondaryText:hover {
        color: white;
    }

.backgroundColor:hover {
    color: white;
}

.backgroundImagePhone {
    background-color: lightblue;
}

    .backgroundImagePhone:hover {
        opacity: 0.9;
    }

.backgroundImageComputer {
    background-color: cornflowerblue;
}

    .backgroundImageComputer:hover {
        opacity: 0.9;
    }

.backgroundImageHuawei {
    background-color: lightblue;
}

    .backgroundImageHuawei:hover {
        opacity: 0.9;
    }

.backgroundImageIphone {
    background-color: lightblue;
}

.backgroundImageIphone {
    opacity: 0.9;
}

.backgroundImageWindows {
    background-color: lightblue;
}

    .backgroundImageWindows:hover {
        opacity: 0.9;
    }

.backgroundImageMac {
    background-color: lightblue;
}

    .backgroundImageMac:hover {
        opacity: 0.9;
    }

.backgroundImageQuickSupport {
    background-color: lightblue;
}

    .backgroundImageQuickSupport:hover {
        opacity: 0.9;
    }

.backgroundImageAddOn {
    background-color: lightblue;
}

    .backgroundImageAddOn:hover {
        opacity: 0.9;
    }

.backgroundImageXtransfer {
    background-color: lightblue;
}

    .backgroundImageXtransfer:hover {
        opacity: 0.9;
    }

.backgroundImageKaspersky {
    background-color: lightblue;
}

    .backgroundImageKaspersky:hover {
        opacity: 0.9;
    }

.backgroundImageMcAfee {
    background-color: lightblue;
}

    .backgroundImageMcAfee:hover {
        opacity: 0.9;
    }

.backgroundImageNinite {
    background-color: lightblue;
}

    .backgroundImageNinite:hover {
        opacity: 0.9;
    }

.footerBackground {
    background-color: black !important;
    /*margin-top:7rem;*/
}

.footerBackground2 {
    background-color: black !important;
}

.h2Font {
    font-size: 24px;
}

.main-container {
    /*min-height: 100% !important;*/
}

.buttonRadius{
    border: none;
    border-radius: 6px;
    background-color:black;
}