@font-face {
    font-family: Controller-FourOblique;
    src: url("Controller-FourOblique.otf") format("opentype");
}



html, body{
	width:100%;
	height: 100%;
	margin:0;
	padding: 0;
	  scroll-behavior: smooth;

font-size: 1.2em;

}

body{
	background-color: #312D30;	
	    padding-top: 50px;
}

/* unvisited link */
a:link {
  color: #3B3B3B;
}

/* visited link */
a:visited {
  color: #3B3B3B;
}

/* mouse over link */
a:hover {
  color: #3B3B3B;
}

/* selected link */
a:active {
  color: #3B3B3B;
}

.h2, h2 {
    font-size: 1.2rem;
}
.h3, h3 {
    font-size: 1rem;
    font-weight: 200;
/*    margin-bottom: 2rem;
*/}

.h4, h4 {
    font-size: .8rem;
    font-weight: 800;
}
.navbar-brand{
	font-family: Controller-FourOblique;
	color: white;
}
.navbar-nav{
	position:absolute;
	right:8.333333%;
}

#logo{
	width: 50px;
	padding-bottom: 15px;
/*    position: absolute;
*/
}

#logoBig{
	    width: 255px;
    opacity: .5;
    position: absolute;
    z-index: 0;
    left: -90px;
    bottom: -110px;
}

#termo{
	    display: inline-block;
/*    margin-left: 15px;
*/
    font-size: 2rem;
  
}

#termo2{
	    display: inline-block;
/*    margin-left: 15px;
*/
    font-size: 2rem;
    color: white;
}
/*.container {
	padding-left: 0;
	padding-right: 0;
}*/
#services{
	width: calc(100% + 30px);
	height: 200px;
	background: url(../img/termicide1.jpg);
	background-position: 50%;
	background-repeat: none;
	position: relative;
	left: -15px;
}
#pestLibrary{
	width: calc(100% + 30px);
	height: 200px;
	background: url(../img/termicide2.jpg);
	background-position: 50%;
	background-repeat: none;
	position: relative;
	left: -15px;
}

#bannerC{
	width: calc(100% + 30px);
	height: 200px;
	background: url(../img/banner3.jpg);
	background-position: 50%;
	background-repeat: none;
	position: relative;
	left: -15px;
}

td{
	min-width: 160px;
}


.navbar{
	/*top: 40px;
    position: fixed;*/
    width: 100%;
}

.container-fluid{

}
.nav-link{
	padding:1rem;
}

/*.row{ 
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 15px; 
}

.rowA{
	background-color: red;
}
*/

.rowA{

	background-color: #d1f425;
	padding: 75px 0px;
}

.rowB{
	padding: 75px 0px;

	background-color: white;
}

.rowC{
	padding: 75px 0px;

	background-color: white;
}

.rowD{
	padding: 75px 0px;
	background-color: #3B3B3B;

	background-color: white;
}

.rowE{
	padding: 75px 0px;
	background-color: #3B3B3B;

}

.pestL{
	text-align: center;
	cursor: pointer;
}

.pestL:hover{
	background: #d1f425;
}

.pestN{    position: relative;
    top: -20px;}

.modalImage{width: 100%;
    margin-bottom: 15px;
}
.modal-body {

    font-size: .8rem;
}

#map{    width: 100%;
    height: 300px;
}

.social{width: 30px; height:30px;}
@media (max-width: 767.98px) {

.pestI{width: 50%;}

.pestL{
	text-align: left;
}

#termo{font-size: 18px;}

}

@media (max-width: 991px) {

.navbar-nav{
	position: inherit;
	text-align: right;
}

.form-inline {display: block;}
}