body {
    background-color: rgb(255, 255, 255);
    font-family: 'Open Sans', sans-serif;
    /* padding-top: 200px; */
    margin: auto;
}

@media (max-width: 575.98px) {
    body {
        padding-top: 80px;
    }

}

@media (min-width: 575.98px) {
    body {
        padding-top: 100px;
    }
}


@media (min-width: 767.98px) {
    body {
        padding-top: 80px;
    }

}

@media (min-width: 991.98px) {
    body {
        padding-top: 160px;
    }
}


@media (min-width: 1199.98px) {
    body {
        padding-top: 160px;
    }
}


h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1rem;
    font-weight: 600;
}


.nav-banner {
    background-color: #E43739;
    height: 1.25rem;
}

.nav-banner-2 {
    background-color: white;


}

.nav-banner-2 p {
    text-align: right;
    margin: 0.5rem;
}

.nav-banner-3 {
    background-color: rgb(8, 2, 2);
    height: 1.25rem;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #090A0C;
    text-decoration: underline 3px;
    text-underline-offset: 0.2rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #090A0C;

}

.navbar-light .navbar-nav .nav-link:hover {
    color: #E43739;
}



.navbar-nav li:hover .dropdown-menu {
    display: block;

}



.dropdown-menu {
    border: none;
    margin: 0;

}

.navbar {
    background-color: white;
    font-weight: 600;
}

#icons svg {
    fill: #090a0c;
    transition: fill 0.3s;
}

#icons svg:hover {
    fill: #166fe5;

}

#icons a:hover {
    text-decoration: none;

}


.background-carousel {
    background-color: rgba(0, 0, 0, 0.692);
    padding: 1.75rem 2rem;
    display: inline-block;
    margin-bottom: 3rem;
    border-left-width: 0.4rem;
    border-left-color: #e4373ae7;
    border-left-style: solid;

}


@media (max-width: 575.98px) {
.background-carousel {
    background-color: rgba(0, 0, 0, 0.692);
    padding: 1.75rem 2rem;
    display: inline-block;
    margin-bottom: 3rem;
    border-left-width: 0.4rem;
    border-left-color: #e4373ae7;
    border-left-style: solid;
    font-size: 1.5rem;
}

}



.btn {
    border-radius: 10px;
    background-color: rgba(61, 71, 80, 0.904);
    transition: all 0.3s;
    color: white;
    border-color: white;
    font-weight: 600;
    padding: 0.375rem 0.75rem;


}

#contact-button {

    margin-left: -0.350rem;
    padding: 0.375rem 2rem;
}

.btn:hover {
    background-color: #e4373ae7;
    border-color: #090a0cc5;
}


.icon-services div.col {
    margin: 0.5rem;
    padding: 0.4rem;
    min-width: 150px;
    max-width: 200px;
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1.2rem;
    text-align: center;
    transition: all 0.3s;
}

.icon-services div.col a {
    text-decoration: none;
    color: #090a0cc5;

}

.icon-services div.col a:hover {
    text-decoration: none;
    color: #1780b9;

}


.icon-services div.col:hover {
    transform: scale(1.1);

}

div#middle-icon svg {
    fill: #1780b9;
    display: inline-block;
    max-width: 100%;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    padding: 0.9rem;
    width: 4.3rem;
    height: 4.3rem;
    border: 2px solid #1780b9;
    border-radius: 50%;
}

.footer-links a {
    color: #82758d;

}

.footer-links a:hover {
    color: #1b9ed2;
}


/* Repairs page start */
.table td,
.table th {
    padding: 0.4rem;

}

.image-box-4 {
    background-color: grey;
    background-image: url("../images/laptops.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 20rem;

}

.text-box-4 {
    background-color: rgba(0, 0, 0, 0.507);
    color: rgb(240, 240, 240);
 
}


/* Repairs page end */


/* Booking page start */
.booking-form {
    background-color: rgba(2, 0, 10, 0.644);
    border-radius: 10px;
    color: white;

}

.form-background {
    background-image: url("../images/form-background-img.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

/* Booking page end */


/* Internet problems start */
.image-box-3 {
    background-color: grey;
    background-image: url("../images/servers-purple.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 20rem;

}

/* Internet problems end */


/* Set-up page start  */

.image-box-2 {
    background-color: grey;
    background-image: url("../images/livingroom-computer.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 20rem;

}

/* Set-up page end  */


/* Blog page start */
.image-box {
    background-color: grey;
    background-image: url("../images/laptop-books.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 20rem;

}

.text-box {
    border-left: 0.5rem solid #e4373ae7;
    background-color: rgba(0, 0, 0, 0.507);
    color: rgb(236, 236, 236);


}

@media (min-width: 767.98px) {
    .text-box {
        width: 40rem;
        height: 11rem;
    }

}


.image-background-section {
    padding: 0.5rem;
}


@media (min-width: 991.98px) {
    .image-background-section {
        padding-left: 6rem;
    }

}



.blog-text {
    color: black;

}

.blog-text:hover {
    color: #007bff;

}

.blog-background {
    border-radius: 5px;
}



/* Blog page end */