@media only screen and (min-width:768px){

/*part1-bar*/
.col-1-d {
    width: 100%;
	height:70px;
	background-color:red;
  	color:white;
  	
	}

.col-1-d img{
	width:150px;
	height:70px;

	}

.openbtn-d {
  font-size: 30px;
  cursor: pointer;
  background-color: red;
  color: white;
  padding: 10px 15px;
  border: none;
  height:70px;
  width:20%;
  float:right;
}


.overlay-d {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: red;
  overflow-y: hidden;
  transition: 0.5s;
  opacity:0.9;
}

.overlay-content-d {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay-d a {
  padding: 8px;
  text-decoration: none;
  font-size: 35px;
  color: white;
  display: block;
  transition: 0.3s;
}

.overlay-d a:hover, .overlay-d a:focus {
  color: #f1f1f1;
}

.overlay-d .closebtn-d {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 80px;
}
/* part2-Slideshow  */

@keyframes layer1Anim-d {
    0%{opacity:1;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:0;}
    100%{opacity:0;}
}

@-webkit-keyframes layer1Anim-d {
     0%{opacity:1;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:0;}
    100%{opacity:0;}
}

@keyframes layer2Anim-d {
     0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:1;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:0;}
}

@-webkit-keyframes layer2Anim-d {
     0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:1;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:0;}
}

@keyframes layer3Anim-d {
      0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:1;}
    100%{opacity:0;}
}

@-webkit-keyframes layer3Anim-d {
      0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:1;}
    100%{opacity:0;}
}

@keyframes layer4Anim-d {
      0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes layer4Anim-d {
      0%{opacity:0;}
    20%{opacity:0;}
    40%{opacity:0;}
    60%{opacity:0;}
    80%{opacity:0;}
    100%{opacity:1;}
}


.slidshow-d {
  	width: 100%;
  	height:800px;
  	position: relative;
  	margin-top: 0px;
  	display: block;
    background-color: black;
     overflow-x: none;
}

.slidshow-d img{
  	width: 100%;
  	height:800px;

}    

.col-3a-d {
height:250px; 
width: 33.33%;		
background: white;
margin-left: auto;
margin-right: auto;
overflow: hidden;
float:left;
}


.col-3b-d {
height:350px; 
width: 33.33%;		
background: red;
margin-left: auto;
margin-right: auto;
overflow: hidden;
float:left;
padding-top:20px;

}
.col-3c-d {
height:600px; 
width: 100%;		
display:block;
padding-top:50px;

}

.col-3d-d {
    display:block;
height:800px; 
width: 35%;		
margin-left: auto;
margin-right: auto;
padding-top:50px;

}
.col-4-d {
height:500px; 
width: 100%;		
background: white;
}

.col-4a-d {
font-size:50px;
margin-top:30px;
font-family: "Cooper Black", serif;
height:100px; 
width: 70%;		
background: white;
margin-left: auto;
margin-right: auto;
font-style:italic;
}

.col-4b-d {
font-size:50px;
font-family: "Kaiti";
height:100px; 
width: 60%;		
background: white;
margin-left: auto;
margin-right: auto;
font-weight:normal;
line-height: 1.6;
}
.col-4b-d img{
height:100px; 
width: 30%;		
margin-top:7px;
}



.pricing-table-divider-d {
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  max-width: 60%;
  margin: 20px auto 0;
}
.layer1-d, .layer2-d, .layer3-d, .layer4-d {
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   
}

.layer1-d {
    
    animation: layer1Anim-d 10s infinite;
     -webkit-animation : layer1Anim-d 10s infinite;
}

.layer2-d {
  
    animation: layer2Anim-d 10s infinite;
     -webkit-animation : layer2Anim-d 10s infinite;
}

.layer3-d {
   
    animation: layer3Anim-d 10s infinite;
    -webkit-animation : layer3Anim-d 10s infinite;
}

.layer4-d {
   
    animation: layer4Anim-d 10s infinite;
    -webkit-animation : layer4Anim-d 10s infinite;
}
/* part3-content  */


.col-8-d {
    width: 100%;
    background-color:white;
    color:black;
    text-align:center;
    float:left;
    display:block;
	}

.col-2-d {
    width: 45%;
	height:800px;
    float:left;
  	padding: 50px 30px 50px 30px;
	}	
.col-3-d {
   
padding: 50px 10px 10px 10px;
width: 100%;		
background: white;

margin-left: auto;
margin-right: auto;
}


}