.button-default {
  color: white;
  background-color: #46bac9;
  text-align: center;
  text-transform: uppercase;
  padding: 9px 14px;
  margin: 10px;
  display: inline-block;
}

.button-slanted {
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.button-slanted-content {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);  
  display: inline-block;  margin-top: 50px;
}

.slant1 {background-image: url("../siteart/slant-attach1.jpg") !important; background-color:#000; background-size: cover; background-position: center; background-repeat: no-repeat;}
.slant2 {background-image: url("../siteart/slant-parts.jpg") !important; background-color:#000; background-size: cover; background-position: center; background-repeat: no-repeat;}
.slant3 {background-image: url("../siteart/slant-heavy.jpg") !important; background-color:#000; background-size: cover; background-position: center; background-repeat: no-repeat;}

a > .slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 70px; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;     line-height: normal !important;
}

a > .slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 90px; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;  line-height: normal !important;
}

a > .lowertext {
	color: white !important; font-family: 'Kdam Thmor Pro', sans-serif  !important; font-size: 14px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;  line-height: normal !important;
}


.button-fixedwidth {
  width: 45%;
height: 250px;	
}

.button-fixedwidth2 {
  width: 97%;
	height: 250px;
}

.button-fixedwidth3 {
  width: 100px;
}





@media only screen and (max-width : 1450px) {
	.slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 60px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;
}

.slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 82px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;
}	
	
	
a > .lowertext {
	color: white !important; font-family: 'Kdam Thmor Pro', sans-serif  !important; font-size: 13px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;
}
	
	
} 







@media only screen and (max-width : 1300px) {
	.slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 54px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;
}

.slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 77px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;
}	
	
	
a > .lowertext {
	color: white !important; font-family: 'Kdam Thmor Pro', sans-serif  !important; font-size: 13px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;
}
	
	
} 





@media only screen and (max-width : 992px) {
.button-fixedwidth {
  width: 95%;
height: 250px;	
}

.button-fixedwidth2 {
  width: 95%;
	height: 250px;
}
	
	
.slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 67px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;
}

.slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 67px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;
}	
	
	a > .lowertext { font-size: 14px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;}
	
	
}







@media only screen and (max-width : 787px) {

	
.slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 55px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;
}

.slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 55px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;
}	
	
	.button-fixedwidth {height: 200px;}

	.button-fixedwidth2 {height: 200px;}
	
	a > .lowertext { font-size: 15px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;}
	
	
	.button-slanted-content {
  -ms-transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);  
  display: inline-block;  margin-top: 30px;
}
	
	
.button-slanted {
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}	
	
	
	
}



@media only screen and (max-width : 500px) {

	
.slanthead {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 45px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; padding-top: 50px; text-shadow: 2px 2px 4px #000000;
}

.slanthead2 {
	color: white !important; font-family: 'Alumni Sans', sans-serif !important; font-size: 45px !important; margin-top: 0px !important; font-weight: 800; padding: 0px !important; margin: 0px !important; text-shadow: 2px 2px 4px #000000;
}	
	
	a > .lowertext { font-size: 13px; margin-top: -5px !important; font-weight: 500; text-shadow: 2px 2px 4px #000000;}
	
	
		.button-fixedwidth {height: 170px;}

	.button-fixedwidth2 {height: 170px;}
	
	
	
}





