@charset "utf-8";
/* CSS Document */
body, html {
    height: 100%;
}
@media all and (max-width:480px) {

    img {display:block;margin:0 auto;
}
}

.bg-light {
	background: #FFFFFF;
}

A.class1 {color:rgba(255,255,255,1.00);}
A.class1:link  {text-decoration: none; color:rgba(255,255,255,1.00);}
A.class1:visited {text-decoration: none; color:rgba(255,255,255,1.00);}
A.class1:hover {text-decoration: none; color:rgba(225,224,224,1.00);}
A.class1:active {text-decoration: none; color:rgba(255,255,255,1.00);}
#welcome {
    height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
    
	margin-bottom: 3px;
}
#welcome1 {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
   
}
#section1 {
    height: auto;
    background-color: rgba(240,240,240,0.35);
	padding-top: 4rem;
	padding-bottom: 5rem;
}
#section2 {
	height: auto;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
	}
#treatment
{
    height: auto;
    background-color: rgba(240,240,240,0.35);
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}
#info 
{
	height: auto;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}
#contact {
    height: auto;
    background-color: rgba(240,240,240,0.35);
	padding-top: 3rem;
	padding-bottom: 3rem;
	}
#clients {
    height: auto;
    padding-top: 4rem;
    padding-bottom: 6rem;
}
.heading {
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(36,102,203,1.00);
}
.headliner {
	position: relative;
	margin-bottom: 3rem;
}

    
  .text-block {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color:rgba(46,46,46,0.90);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}	



p {
    color: rgba(40,40,40,1.00);
	font-size: 16pt;
	font-family: 'Alegreya Sans', sans-serif;
}

.bannerp {
	color: white;
}
.footer-background 
{
    border-top-style: solid;
    border-width: thin;
    border-color: rgba(36,102,203,1.00);
}
.card3s {
	margin: auto;
}
.phoneback {
    background-color: rgba(32,111,208,1.00);
    
	}
.phonebackheight {
	
}
.phonebackpad {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.Contentpad {
    padding-top: 1rem;
}
.clients {
	margin-top: 3rem;
}
.img-space {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.socialicons {
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}
.ocelotblue {
	color: rgba(36,102,203,1.00);
}
/* The hero image */
.hero-image {
    /* The image used */
    background-image: url("../img/hardware-support.jpg");

    /* Set a specific height */
    height: 50vh;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	padding-bottom: 2rem;
}

/* Place text in the middle of the image */
.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   } 
/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
    background-color: #343A40;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}
.carousel-space {
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;
}
.card-text {
    font-size: 16px;
}
.button-space {
	margin-bottom: 1rem;
}.card-f-text {
	font-size: 0.9rem;
}
.content-pad-bottom {
	padding-bottom: 3rem;
}
.section-header .lines {
  margin: auto;
  width: 195px;
  position: relative;
  border-top: 2px solid rgba(36,102,203,1.00);
  margin-top: 15px;
}
.section-header .lines:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 2px solid rgba(36,102,203,1.00) ;
    border-radius: 50%;
    background-color: rgba(52,58,64,1.00);
    top: -8px;
    left: 90px;
	
}
#testimonials {
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.footerspace {
	margin-top: 1rem;
}
.card-space {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
}