@media only screen and (min-width: 1024px){
.bac{
background-image: url('https://deandifference.com/wp-content/uploads/MainSlider-TextBox.png');
height: 300px;
background-repeat: no-repeat;
}
.pad{
padding-left: 130px;
padding-top: 100px;
color:#000;
}

}
@media only screen and (max-width: 600px) {
.bac{
background-image:url('https://deantransportation.com/http://deantransportation.com/wp-content/uploads/MainSlider-TextBox.png');
background-repeat:no-repeat;
margin-left:-240px;
margin-bottom:30px;
}
.pad{
padding-left: 160px;
padding-top: 50px;
color:#000;
font-size: 13px!important;
}
.uk-logo {
margin-top:0px;!important;
}
#left{
width:100%;
float:left;
margin-right:6%;
}
#right{
width:100%;
float:left;
}
.clearfix: after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom: 10px;
}
 
.clearfix {
    display:block;
}
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
.bac{
background-image:url('https://deantransportation.com/http://deantransportation.com/wp-content/uploads/MainSlider-TextBox.png');
margin-left:-350px;
background-repeat:no-repeat;
}
.pad{
padding-left: 90px;
padding-top: 80px;
color:#000;
font-size:15px;
}
.uk-logo {
margin-top: 0px;!important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.bac{
background-image:url('https://deantransportation.com/http://deantransportation.com/wp-content/uploads/MainSlider-TextBox.png');
margin-left:-250px;
background-repeat:no-repeat;
}
.pad{
padding-left: 130px;
padding-top: 100px;
color:#000;
}
}
.skewstyl{
display:inline-block;
margin-left:40px;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
background-color: #231e1f;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
-ms-transform: skew(165deg,180deg); /* IE 9 */
-webkit-transform: skew(165deg,180deg); /* Safari prior 9.0 */
 transform: skew(165deg,180deg);   
}
.skewstylhigh{
display:inline-block;
margin-left: 40px;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
background-color: #231e1f;
border-left: 3px solid #008950;
border-bottom: 3px solid #008950;
-ms-transform: skew(165deg,180deg); /* IE 9 */
-webkit-transform: skew(165deg,180deg); /* Safari prior 9.0 */
 transform: skew(165deg,180deg);   
}
.menulink{
margin-left: 20px;
margin-right: 20px;
    font-size: 18px;
}
.uk-light .uk-navbar-nav>li>a{
	color:#000!important;
}
.skewstyl:hover{
	border-left: 3px solid #008950;
        border-bottom: 3px solid #008950;
}
.tm-footer{
border-top: 25px solid #008950;
background-color:#231e1f;
color:#ffffff;
}
.uk-link, a:hover{
text-decoration:none!important;
}
.skewstyl2{
display:inline-block;
padding-top: 15px;
padding-left: 60px;
padding-right: 60px;
background-color: #008950;
-ms-transform: skewX(12deg); /* IE 9 */
-webkit-transform: skewX(12deg); /* Safari prior 9.0 */
 transform: skewX(12deg); 
margin-left:-70px;  
}
.skewstyl2 h2{
-ms-transform: skewX-12deg); /* IE 9 */
-webkit-transform: skewX(-12deg); /* Safari prior 9.0 */
 transform: skewX(-12deg); 
}
#left{
width:47%;
float:left;
margin-right:6%;
}
#right{
width:47%;
float:left;
}
.clearfix: after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom: 10px;
}
 
.clearfix {
    display:block;
}
.wpcf7 label {
   padding: 0 0 10px 0;
    font-size: 20px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 .wpcf7-select{
    font-size:25px;
    border: 1px solid black;
}
.wpcf7 textarea {
    width: 100%;
    color: black;
    font-size: 20px;
    border-color:black;
} 
.wpcf7 input[type=submit] {
    padding: 15px 35px; 
    background:#008950;
    color:#fff;
    font-size: 20px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    text-align:center;
    display: block;
    margin: 0 auto;
}
.uk-button-default {
    background-color: #FFFFFF;
    color: #00894f;
    border: 3px solid #aedd7c;
}
.uk-button-default:hover {
    background-color: #00894f;
    color: #ffffff;
    border: 3px solid #aedd7c;
}
.uk-pagination>.uk-active>* {
    color: #fff;
    background-color: #008950;
    border-color: transparent;
}
html {
/* background-color: #f8f5f5!important; */
color: #000;
}

.menust{
display:inline-block;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
/* background-color: #f8f5f5; */
font-weight: bold;
}

.uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: 0px!important; 
}
.uk-link, a {
font-family: lato!important;
}
button.uk-button {
    background-color: #FFFFFF;
    color: #00894f;
    border: 3px solid #aedd7c;
}
button.uk-button:hover {
    background-color: #00894f;
    color: #ffffff;
    border: 3px solid #aedd7c;
}


.c-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

@media (max-width: 768px) {
.c-grid {
   display: block!important;
   grid-template-columns: auto auto;
   gap: 20px;
}