/*@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:700";*/
/**,
*::before,
*::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
/*.dark {
  background: #24252A;
}*/
.hidebttn{ display:none !important;}
.flex { min-height: 10vh; display: flex; align-items: center; justify-content: center; margin: 10px auto 30px; }

a.bttn-dark { color: #fff; text-decoration: none; -webkit-transition: 0.3s all ease; transition: 0.3s ease all; background: #c6493f !important;}


a.bttn-dark:hover { color: #FFF; }

a.bttn-dark:focus { color: #FFF; }

.bttn-dark { font-size: 18px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; text-align: center; width: 35%; font-weight: bold; padding: 14px 0px;
  border: 3px solid #fff; border-radius: 2px; position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1); z-index: 2;  }
  
.bttn-dark:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; 
                    background-color: #65c298; z-index: -1; }
					
.bttn-dark:hover:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1; }

.bttn-dark:focus:before { -webkit-transition: 0.1s all ease; transition: 0.1s all ease; left: 0; right: 0; opacity: 1; background-color: #30B816;}


.bttn-dark:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; 
                    background-color: #65C298; z-index: -1; }
					
.bttn-dark:hover:before { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1; }

.bttn-dark:focus:before { -webkit-transition: 0.1s all ease; transition: 0.1s all ease; left: 0; right: 0; opacity: 1; background-color: #c6493f;}


.bttn-dark3 { width: 100% !important; max-width: 660px !important;}

.pad{ margin: 30px 0 15px;}

.rollover-wrapper-services{ 
outline: 4px solid #fff;  /*color can be set to - transparent*/
transition: outline 150ms ease-out; 
outline-style: solid; 
}

.rollover-wrapper-services:hover{ outline: 8px solid #fff; outline-style: solid; }

.rollover-wrapper-buttons{-moz-box-shadow:2px 2px 5px #555;
    -webkit-box-shadow: 2px 2px 5px #555;
        box-shadow: 2px 2px 5px #555;}

.rollover-wrapper-buttons:hover{ 
  		
    -moz-box-shadow: 4px 4px 7px #333;
    -webkit-box-shadow: 4px 4px 7px #333;
        box-shadow: 4px 4px 7px #333;
} 

@media only screen and (min-width: 0px) and (max-width: 679px)  {	

.hidebttn1{ display:none !important;}
	
	.hidebttn { display: inline-block !important; }

.bttn-dark { width: 85%; font-size: 15px;  }

.pad{ margin: 20px 0 4px;}

.rollover-wrapper-services:hover{ outline: 6px solid #fff; outline-style: solid; }

.bttn-dark3 { width: 95% !important; max-width: none !important; }


}

@media only screen and (min-width: 680px) and (max-width: 1199px)  {
	
	.hidebttn{ display:none !important;}
	
	.cam{ display:none !important;}
	
	.bttn-dark { width: 55%; font-size: 16px;}
	
	.pad{ margin: 20px 0 10px;}
	
	.bttn-dark3 { width: 100% !important; max-width: 560px !important;}
	

}