@charset "utf-8";
/* CSS Document */
	::selection, btn-default:focus {
  background: #CDDB00!important;
}

	.btn-default{
		border:thin solid #fff!impotant;
		color:#fff!important;
		background-color:transparent!important;
		border-color:#fff!important;
		float:right!important;
		font-size:18px!important;
		border:2px solid!important;
		margin-top:40px!important;
	}
	
	
	.btn-default:hover, .form .btn-default:hover{
		border:thin solid #CDDB00!impotant;
		color:#CDDB00!important;
		background-color:transparent!important;
		border-color:#CDDB00!important;
		float:right!important;
		font-size:18px!important;
		border:2px solid!important;
		margin-top:40px!important;
	}
	
	
	.fa-instagram,.fa-facebook,.fa-dribbble,.fa-behance,.fa-globe{
		text-decoration:none!important;
		margin-bottom:30px;
		color:#ddd!important;
		font-size:25px!important;
		text-align:center!important;
	}
	
		.fa-instagram:hover,.fa-facebook:hover,.fa-dribbble:hover,.fa-behance:hover,
.form .fa-instagram:hover,.form .fa-facebook:hover,.form .fa-dribbble:hover,.form .fa-behance:hover,.fa-globe:hover{
        color:#CDDB00!important;
		
	}
	
		.form .btn-default{
		border:thin solid #333!impotant;
		color:#333!important;
		background-color:transparent!important;
		border-color:#333!important;
		float:right!important;
		font-size:18px!important;
		border:2px solid!important;
		margin-top:40px!important;
	}
	
	.form .fa-instagram,.form .fa-facebook,.form .fa-dribbble,.form .fa-behance,.fa-globe{
		text-decoration:none!important;
		margin-bottom:30px;
		color:#333!important;
		font-size:25px!important;
		text-align:center!important;
	}

	.container{
		background-color:#FFFFF !important;
		margin:0px auto 40px auto!important;
		max-width:100%!important;
		padding:20px 40px 40px 60px!important;
		height:100vh!important;
		position:relative!important;
		}
	
	.intro-bkgrnd{
		background-image:url("../images/bkgrnd-01.png");
		background-size:100%;
		background-position:center;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}

.confirmation-bkgrnd{
		background-image:url("../images/confirmation.png");
		background-size:100%;
		background-position:center;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	
	.padding-80{padding:80px!important;}
	.padding-left-40{padding:20px 40px 40px 80px!important;}
	.margin-40{margin:60px auto;}
	.social-media{margin-top:200px!important;

	}
.side-nav{
width:30px;
height:110vh;
position:fixed;
z-index:100000;
background-color:#CDDB00;
top:-10px;
display:none!important;
}

  .triangle-right {
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-left: 50px solid #CDDB00;
      border-bottom: 50px solid transparent;
      margin-top:43vh;
      z-index:100000;
      position:fixed;

    }
    
      .triangle-left {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 25px solid #fff;
      border-bottom: 25px solid transparent;
      margin-top:43vh;
      z-index:100000;
      position:relative;
      right:0;

    }
	
	.image img{width:85%;}

body {
  font-family: "Lato", sans-serif;
}
body, html{
padding:0px;
margin:0px;
	background-color:#CDCDCD!important;
}
	
	.large{
		font-size:7em!important;
	font-family: 'Inter', sans-serif;
		 font-style: italic;
		font-weight:900;
		color:#272525!important;
	}
	
	.medium{
		font-size:3em!important;
	font-family: 'Inter', sans-serif;
		color:#272525!important;
		 
	}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #CDDB00;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;


}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 70px;
  color: #818181;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 107px;
  margin-left: 50px;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
	
@media screen and (max-width: 900px) {
	.intro-bkgrnd{
		background-size:contain;
		background-attachment:inherit;
		background-position:bottom!important;
		background-color:#333!important;
	
	}
	
	.intro-bkgrnd .col-md-12, .form .col-md-12{text-align:center!important;}
	.intro-bkgrnd .col-md-8{display:none!important;}
	.image img{
		width:50%!important;
	margin:20px auto!important;
	}
	.social-media{
		margin-top:50px!important;
	width:100%!important;
		text-align:center!important;
	}
	.fa-instagram,.fa-facebook,.fa-dribbble,.fa-behance{ padding:20px!important;}
	.btn-default, .form .btn-default{
float:inherit!important;
margin:0 auto!important;	
	}

	}