/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
 
.col-sm-4 {
    padding: 0px 5px 0px 5px;
    margin-bottom: 10px;
}
.col-sm-2 {
    margin-bottom: 15px;
}
/*
.border {
    box-shadow: 1px 0px 4px 3px #ddd;
}
*/
p.head {
    font-size: 22px;
    color: #2698e2;
}

.button {
    padding: 10px 10px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #04AA6D;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
    width: 100%;
    height: auto;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button_s {
    padding: 10px 0px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #2698e2;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
    width: 100%;
    height: auto;
    font-weight: initial;
}

.button_s:hover {background-color: #1c8bd2}

.button_s:active {
  background-color: #1c8bd2;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.col-sm-2 {
    padding-right: 0px !important;
}


@media (max-width: 767px) {
	.button , .button_s{
    width: 75% !important;
	}	
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 25px;
	}
	h3.modules {
    text-align: center;
}
}

@media (min-width: 768px) and (max-width: 1200px) {
.col-sm-2 {
    width: 20% !important;
}
.button_s {
height: 70px !important;
}



}
@media (min-width: 1200px) and (max-width: 1320px) {
.button_s {
height: 70px !important;
}


}

.border {
    border: none !important;
}
button.button {
    outline: none;
}

button.navbar-toggler.bg-gradient {
    float: right;
    margin: 2% 0% 0% 0%;
}
a.nav-link {
    font-size: 20px !important;
}
div#navbarTogglerDemo02 {
    height: 60px;
    display: none;
}

p {
    font-size: 17px !important;
    margin-bottom: 15px !important;
    line-height: 25px !important;
	text-transform: none;
	text-align : justify;

}

.container-fluid.bg-3.text-center {
    margin-top: 190px;
}
.container-fluid.bg-3.text-cent {
    text-align: center;
    margin-top: 20px;

}

  h3.modules {
    color: #2698e2;
    text-decoration: none;
    margin: 0px 0px 10px 0px;
}
a.modules {
    color: #2698e2;
}
.container-fluid.top {
    margin-top: 40px;
}

.row.module {
    margin-bottom: 15px;
}
.col-lg-2.col-md-3.col-sm-4.col-xs-12 {
    margin-bottom: 20px;
}