html,body {
    height:100%;
    padding-top:14px; /*height of fixed navbar*/
}

.navbar, .logo1 { 
  -webkit-transition:padding 1s ease;
  -moz-transition:padding 1s ease; 
  -o-transition:padding 1s ease;        
  transition:padding 1s ease;  
}

.affix, .logo1 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
  -webkit-transition:padding 1s ease;
  -moz-transition:padding 1s ease;  
  -o-transition:padding 1s ease;         
  transition:padding 1s ease;  
}

section, .logo1 {
    min-height:calc(100% - 70px);
}


.portfolio {
  background-color: white;
  width: 100%;
  height: 100%;
  padding-top:50px;
  margin-top:100px;
}

.footer {
  background: #6da43d;

}
.footer a {
  background-color: #6da43d;
  font-size: 20px;
  padding: 10px;
  border-right: 1px solid #6da43d;
  transition: all 1s ease;
}
.footer a:first-child {
  border-left: 1px solid #6da43d;
}
.footer a:hover {
  color: white;
}

.caro{
    max-width: 900px;
    margin: auto;
}

.myimg {
    width: inherit;
    height: auto;
    margin: 0;
}

.featurette {
    padding: 20px 30px;
    margin: 20px 0;
}

 #headerPopup{
  width:75%;
  margin:0 auto;
}

#headerPopup iframe{
  width:100%;
  margin:0 auto;
}

@media (min-width: 978px) {
    #contact_form {
        background-color: orange;
        padding: 30px 250px;
        margin-top: 40px;
        opacity: .7;
    }
}
@media (max-width: 978px) {
    #contact_form {
        background-color: orange;
        padding: 30px 20px;
        margin-top: 40px;
        opacity: .7;
    }
}

#submit, .srvb {
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

#submit {
    margin-top: 25px;
}

.spacing {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.title {
    color: orange;
    text-align: center;
    font-family: "Pacifico script=latin rev=1";
    font-weight: 600;
}
.top {
    margin-top: 200px;
}

.cf {
    color: white;
    margin: 30px;
}

.cfh {
    color: white;
}

/* change the link color */
.navbar-light .navbar-nav .nav-link {
    color: white;
    font-size: 18px;
}



.couns_srvc {
    margin-bottom: 50px;
}

.mycard {
    height: auto;
    margin-bottom: 50px;
    max-width: 400px;
}

.mycard:hover {
    transition: transform .6s ease;
    transform: scale(1.05);
}
.mycard-img {
    max-width: 100%;
    max-height: 100%;
}

.mycard-btn {
    display: flex;
    margin: auto;
    bottom: 0;
}

.mycard-img-mt {
    max-width: 100%;
    max-height: 100%;
}

.ct-p {
    min-height: 220px;
    margin-bottom: 20px;
    font-size: 16px;
    
}

.col-card {
    margin: auto;
}