/* --------------------------------------------------------
Import Basic Files
-------------------------------------------------------- */

@import url("normalize.css");				/* CSS Resets */
@import url("layout.css");					/* Main Styles */
@import url("shortcodes.css");				/* Shortcodes */
@import url("grid.css");					/* Twitter Bootstrap Grid */
@import url("isotope.css");        			/* Isotope for Portfolio */
@import url("jquery.fancybox.css");        	/* Fancybox */
@import url("flexslider.css");    			/* Flexslider 2 */
@import url("mediaqueries.css");    		/* Media Queries */


.text-end{
    text-align: right;
}
#fixed-nav{
    margin: auto 15px;
}

nav#topnav .logo {
 
    top: 6px;
}

nav#mainnav .logo {
     max-width: 100px;
}

.row{
    display: flex;
    margin-left: 0!important;
}
.col-md-3{
    width: 25%;
    flex-wrap: wrap;
   
   
}


.btn-primary{
 
    background: #009688;
    border-radius: 8px;
    font-size: 20px;
 

}
 
@media (max-width: 1024px) {
    .col-md-3{
        width: 50%!important;
    }
    .row {
        flex-direction: row;
        flex-wrap: wrap;
       
    }   
}
@media (max-width: 600px) {
    .col-md-3{
        width: 100%!important;
    }
    .row {
        display: flex;
        flex-direction: column;
       
    }
    #slogan-text{
        top:128px!important;
    }
    .maintext {
          display: block;
          font-size: 18px;
    }
}
.whatsapp{
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 6px;
    right: 10px;
    text-align: center;
      z-index: 999999; 
    background: green;
    border-radius: 50%;
  }
  .whatsapp i {
    color: #ffffff;
  }

.align-items-center{
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
}
.mt-3{
    margin-top: 30px;
}
.mt-5{
    margin-top: 50px;
}

.promo .material-icons{
    vertical-align: top;
   }
  .promo .main{
    min-height:240px;
  }
  .promo {
      min-height:440px;
    width:100%;
      background:  #fec400;
      border-radius: 0 0 50px 0px;
      border-top: 5px solid transparent;
    color: #000;
    
  }

  .promo:hover {
    border-top: 5px solid #333;
}
.promo:hover>div>h3 {
   color:crimson;
}

  .btn-danger:hover{
    background-color: #009688!important;
  }
 .text-center{
    text-align: center;
 }  
.p-3{
    padding: 15px;
    box-sizing: border-box;
}

    .span4{
        margin-left: 30px;
        margin-right: 30px;
    }
    .span3{
        margin-left: 20px;
        margin-right: 20px;
    }
.mb-5{
    margin-bottom: 30px;
}

hr{
    border: black 1px solid;
}
  @media only screen and (max-width: 600px) {
    .whatsapp{
       top: unset;
       right: unset;
       bottom: 6px;
       left: 10px;
     }

     .span3{
        margin-top: 25px;
        margin-left: 5px;
        margin-right: 5px;
    }
   }