/* CSS Document */
.button-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.button-item .button-style-one, .button-item .button-style-two {
 margin: 10px;
    width: 100%;
    text-align: center;
	font-color: white !important;
}


.spacer {
  width: 100%;
  margin: 40px 0px;
  border-top: 4px dotted rgba(0,0,0,0.07);
}
/*
  main css
*/
.button-style-one {
  padding: 15px 25px;
  color: #fff;
  color: #fffcfd;
  font-size: 18px;
  font-weight: 400;
  text-align:justify;
  border-radius: 6px;
  cursor: pointer;
  border-bottom: 5px solid rgba(255, 254, 254, 0.21);
  transition: 300ms linear;
  position: relative;
  transform: translateY(0px);
}
header{
	margin:0px;

}
@media(min-width:768px){
	header{
		margin:0 0 10px;
	
	}
	.fonth1{
		font-size:28px;
	}
	.fonth6{
	font-size: 28px;
}

}
@media(min-width:1024px){
	header{
		height:383px;
	}
	.main-nav{
		height:69px;
	}
	.main-nav{
		height:69px; background:#FF0000;
	}
}


.footer-nav ul li{
	padding:0px 5px 0px 0px;
}
.deskmenu{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
.button-style-one:hover {
  border-bottom: 0px solid rgba(0,0,0,0.2);
  transform: translateY(5px);
}
.red, .red.button-style-two:before, .red.button-style-three:before {
  background: #b50a00;
}

.green, .green.button-style-two:before, .green.button-style-three:before {
  background: #008e0c;
  
}


.green a {
    text-decoration: none;
    color: #fffcfd;
}

.green, .red, .blue, .purple, .orange ,.pink, .red, a {
    text-decoration: none;
    color: #fffcfd;
	font-size: 15px;
}
.orange, .orange.button-style-two:before, .orange.button-style-three:before {
  background: #863f00;
}

.red.button-style-three:hover {
  border: 4px solid #de362c;
}

.green.button-style-three:hover {
  border: 4px solid #1bc529;
}
.orange.button-style-three:hover {
  border: 4px solid #fd9132;
}
a:hover{color: #000;font-weight: 500;
} }