html,body,section {
    height:100%;
}
body {
    background: url('img/bkgr.png') repeat !important;
    position: relative;
}

.info {
    font-size: 1.4 rem;
}
.flex-fill {
    flex: 1 1 auto;
}

/** Navbar */
.active {
    border-bottom: 2px solid;
}
.navbar-nav .nav-link:hover {
    border-bottom: 2px solid;
}

.top { 
    border-bottom: 20px #891e21 solid;
    background: #ffffff;
}

/** pages */
.content {
	background: #22385b;
	color: rgb(204, 204, 204);
}
.card-content {
    background: url('img/bkgr.png') repeat;
    width: 20rem;
    color:#2d2d2d
}
.tech-logo {
	height: 130px;
	width: 130px;
	color: grey;
}
.tech-logo img {
	height: 75px;
	width: 75px;
	margin-top: 18px;
}

#home-main {
    background: url('img/background-home.jpg') center no-repeat; 
    background-size: cover; 
    margin-top: 98px;
    color: rgb(204, 204, 204);
}
#technology {
    background: #22385b;
	color: rgb(204, 204, 204);
}
#contact-main {
    margin-top: 0px;
}

@media (min-width: 1025px) {
    #services-main {
        padding-top: 300px;
	}
}
@media (min-width: 767px) and (max-width:1024px) {
    #services-main {
        padding-top: 50px;
	}
}
@media (min-width: 767px) {
    #services-main {
        background: url('img/background-tech.jpg') center no-repeat; 
        background-attachment: fixed;
        background-position: center;
        padding-bottom: 300px;
	}
    #contact-main {
        background: url('img/background-contact.jpg') center no-repeat; 
        background-attachment: fixed;
        background-position: center;
        padding-top: 300px;
        padding-bottom: 300px;
	}	
}
@media (max-width: 767px) {
    #technology {
		height: auto !important;
		border-bottom: #fff solid;
	}
	#services-main {
		padding: 0;
	}
	#services {
		height: auto !important;
		border-bottom: #fff solid;
	}
	#contact-main {
		padding: 0;
	}
}