@font-face {
    font-family: Comfortaa-Bold;
    src: url(Comfortaa-Bold.eot),
		url(Comfortaa-Bold.ttf);
    
}

body {
    margin: 0 auto;
    overflow: hidden;
    overflow-y:auto;
    padding: 0;
	background: url("../images/bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.logo{
   top:50px;
  bottom: 1em;
  left:0px;
  right: 0px;
  text-align: center;
  font-size: 1.4em;
  font-weight: 100;
  font-family: 'Mountains of Christmas';
  color: white;
  text-shadow: 0 0 20px black;
margin-top:40px;
  z-index: 2;
	
}

.outer{
	text-align:center;
	margin-top:30px;
  width: 100%;
  z-index: 10;
}
.inquiry_bottom {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.intro_text{
	text-align:center;
	margin-top:50px;
}
.intro_text img{
	width:423px;
}
.button
{
 background-color: rgba(255, 255, 255, 0);
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: rgb(255, 255, 255);
    cursor: pointer;
    /*display: inline-block;*/
    font-family: Comfortaa-Bold;
    font-size: 2em;
    left: 466px;
    margin: 4px 2px;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    width: 13em;
    z-index: 2;
	
}
.button:hover {
	background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
.social_icons{text-align: center;
  margin: 50px;
  margin-top: 18px;}
.social_icons .fa {
  padding: 6px;
  font-size: 20px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  width: 45px;
  overflow: hidden;
  border-radius: 50px;
  color: #fff !important;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

.social_icons .fa:hover {
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.2);
}

.social_icons .fa-facebook {
background: #ff8dae;
color: white;
}
.social_icons .fa-twitter {
  background:#ff8dae;
  color: white;
}

.social_icons  .fa-instagram {
  background: #ff8dae;
  color: white;
}

@media only screen and (max-width: 768px) {  
    .inquiry{
      margin-left: -184px;
    }   
  
}

@media only screen and (max-width: 500px) {
	.logoImage{width:97%;}
	.intro_image{width:96% !important;}
	.outer{width:100%;}
  
	
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .social_icons .fa {
    font-size: 65px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    overflow: hidden;
    border-radius: 50px;
    color: #fff !important;
    line-height: 40px;
    padding: 30px;
    text-align: center;
        width: 13%;
}

}
@media only screen and (max-width: 360px) {	
	.outer_button{width:95%;}	
	.button.outer_button {
		font-size: 27px;
	}
  .inquiry_form{margin-top:100px;padding:10px;}
  .social_icons .fa {
    font-size: 65px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    overflow: hidden;
    border-radius: 50px;
    color: #fff !important;
    line-height: 40px;
    padding: 30px;
    text-align: center;
}
}

@media only screen and (max-width: 320px) { 
  .outer_button{width:95%;} 
  .button.outer_button {
    font-size: 27px;
  }
  .inquiry_form{margin-top:100px;padding:10px;}
  
}


.inquiry_heading{text-align:center;margin-top:50px;}
/*.inquiry_form form{background-color:black;opacity:0.6;padding:10px 10px 5px 10px;}*/
.inquiry_form label{color:white;font-size:20px;}
.inquiry_form h2{color:white;}
.inquiry_form select, .inquiry_form input,.inquiry_form textarea{color:lightgrey;}
.inquiry_form form{
    width:90%;  
}
.inquiry_form select>option{color:black;}

.christmas img {
    width: 100%;
}
.christmas .close {
  position: absolute;
  right: 0;
  top: 0;
  background: #ccc;
  width: 41px;
  height: 41px;
  padding: 2px;
  color: #000;
  border-radius: 0 0 0 15px;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.christmas .modal-body{
  padding: 0;
}