@media only screen and (max-width: 600px) {
  img {
    width:100% !important;
  }
  h2{
  	margin-bottom:10px !important;
  }
  .top-menu{
  	display:none !important;
  }
  .responsive-nav{
  	display:block !important;
  	position:fixed !important;
  	top:0;
  	z-index:1000;
  	
  }
  .nav-link{
  	font-size:1rem;
  	color:white !important;
  	padding-left:10px !important;
  }
  #menu-btn{
  	border:none;
  	outline:none;
  	padding:0 !important;
  	margin:0 !important;
  }
  .ul ul{
  	padding-left:20px;
  }
  .ul ul a li{
  	font-size:1.2rem !important;
  }
  a{
  	word-wrap: break-word;
  	font-size:1.2rem !important;
  }
  .arrow{
  	display:none;
  }
  .content{
  	font-size:1.2rem !important;
  }

  .content{
  	padding:0 30px !important;
  	margin-top:5px !important;
  }
  .footer{
  	display:none;
  }
  .clear-both{

  	margin-top:0 !important;
  	margin-bottom:0 !important;
  }
  br{
  	display:none;
  }


}

a:hover{
	text-decoration: none !important;
}
body{

	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow-x:hidden;
	font-family:'Font';
	background-color:#f4f4f4;
}
@font-face {
	font-family: 'Font';
	src: url('/public/css/font.ttf'); /* IE9 Compat Modes */
}
.background{
	background-image:url('/public/images/1.png');
	background-size: cover;
	height:40rem;
}
#logo-img{
	padding:10px;
	width:90%;
}
.menu-links{

	font-size:1.7rem;
	color:black;
	padding:10px;
	font-family:'Font';
}
.links{
	margin:10px;
	padding:10px;
}
.menu-links:hover{
	text-decoration:none;
	color:black;
}
.top-menu{
	position:absolute;
	top:0;
	z-index:1;
}
.bold{
	font-weight:bold;
}
.content{
	font-size:1.7rem;
	text-align:justify;
	margin-top:20px;
	font-family:'Font';
	padding:20px;
}
.shadow{
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
	0 5px 15px 0 rgba(0,0,0,0.08);
}
.clear-both{
	margin-top:50px;
	margin-bottom:50px;
}
li {
	font-size:2rem;
}
.input{
  width:100%;
  display:block;
  margin-top:15px;
  margin-bottom:15px;
  padding:15px;
}
.half-input{
  width:100%;
  display:inline;
  margin-top:15px;
  margin-bottom:15px;
  padding:15px;
}
.currency-select{
  width:100%;
  display:inline;
  margin-top:15px;
  margin-bottom:15px;
  padding:16px;
  float:right;
}
#not-robot{
  text-align:center;
  background:#cce2fc;
  width:100%;
  color:grey;
  font-weight: bold;
  font-size:1.3rem;
  border:none;

}
input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button { 

  -webkit-appearance: none; 

  margin: 0; 
}
#random{
  background:url('/public/images/captcha-bgn.PNG');
  color:purple;
  letter-spacing:7px;
  font-weight:bold;
  text-align:center;
  font-size:2em;
}

#send-btn{
  background:#cce2fc;
  color:grey;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:1px;
  padding:10px;
  border-radius:5px;
  border:none;

}
#send-btn:hover{
	opacity:0.9;
	color:black;
}
#contact-wrapper{
	margin-top:120px;
}
.blue{
	background-color: #cce2fc !important;
}
.footer-links{
	margin:30px !important;
	background-color:white !important;
	border:2px solid black !important;
	font-weight:bold !important;
}
.arrow{
	color:black;
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
	0 5px 15px 0 rgba(0,0,0,0.08);

}
.arrow span{

	position: fixed;
	bottom:1%;
	right: 1%;
	color:black;
	width:80px;
	height:80px;
	background-color:rgba(0,0,0,0.2);
}
.ul ul {
  list-style: none;
  margin: 0 180px;
}
.ul ul li{

  background-color:#87CEEB;
  margin:10px;
  padding:10px;
  text-align:center;
  border-radius:10px;
  color:black;
  width:100%
}
.ul ul li:hover{

  opacity:0.8;
}
.ohnohoney{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

#robot{

  width:30px;
  height:30px;
  margin-top:25px;
  
}