body{
		color: white;
		background-color: #659ad6;
		font-family: 'Concert One', cursive;
		text-align: center;
	}

/*HEADER*/

#logo{
	height: 75px;
}

h1{
	font-size: 60px;
}

.navbar a{
	color: white;
	font-size: 25px;
	display: inline-block;
	margin-bottom: 30px;
}

.navbar a:hover{
	color: white;
}

.active{
	text-decoration: underline;
}

/*FOOTER*/

.social{
	margin-top: 35px;
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
}

.social a{
	color: white;
	margin: 5px;
}

.social a:hover{
	font-size: 25px;
}

#copy{
	font-size: 25px;
}


/*HOME PAGE*/

.parralax{
	height: 750px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parra1{
	background-image: url("Images/Weddings.jpg");
}

.parra2{
	background-image: url("Images/Birthdays.jpg");
}

.parra3{
	background-image: url("Images/Family.jpg");
}

.parra4{
	background-image: url("Images/Football Shoot.jpg");
}

.text{
	height: 6vh;
	background: rgba(105, 214, 211, 0.5);

}

img{
	height: 300px;
	padding: 10px;
}

.mainpic{
	height: 500px;
}

.button{
	font-size: 35px;
	border: 2px solid white;
	border-radius: 5px;
	padding: 10px;
}

.btn1{
	float: right;
}

.btn2{
	float: left;
}

.links a{
	color: white;
}

.links a:hover{
	color: white;
}

/*BOOKINGS*/

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}

.col-25 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75 {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;
}

.col-25,
.col-50,
.col-75 {
  padding: 0 16px;
}

.container {
  background-color: #659ad6;
  padding: 5px 20px 15px 20px;
}

input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

label {
  margin-bottom: 10px;
  display: block;
}

.eventDetails{
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.bookingComments{
	height: 155px;
}

.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btn {
  background-color: #4CAF50;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btn:hover {
  background-color: #45a049;
}

/*ABOUT PAGE*/

.myPic{
	height: 150px;
	width: 150px;
	border-radius: 50%;
	background-image: url(Images/Me.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
}

.mixPhoto{
	height: 150px;
	width: 250px;
	background-image: url(Images/Mix.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}

.myHistory{
	height: 200px;
	width: 350px;
	background-image: url(Images/Camera.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
}

.aboutText{
	margin-top: 50px;
	font-size: 22px;
	float: left;
}

/*LATEST WORK*/

.gallery{
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
}

.pic1{
	background-image: url("Images/wedding1.jpg");
}

.pic2{
	background-image: url("Images/wedding2.jpg");
}

.pic3{
	background-image: url("Images/wedding3.jpg");
}

.pic4{
	background-image: url("Images/wedding4.jpg");
}

.pic5{
	background-image: url("Images/birthday1.jpg");
}

.pic6{
	background-image: url("Images/birthday2.jpg");
}

.pic7{
	background-image: url("Images/birthday3.jpg");
}

.pic8{
	background-image: url("Images/birthday4.jpg");
}

.pic9{
	background-image: url("Images/family1.jpg");
}

.pic10{
	background-image: url("Images/family2.jpg");
}

.pic11{
	background-image: url("Images/family3.jpg");
}

.pic12{
	background-image: url("Images/family4.jpg");
}

/*REVIEWS*/

.reviews{
	padding-top: 20px;
	padding-bottom: 20px;
}

.reviewText{
	font-size: 20px;
}

.userCircle{
	height: 100px;
	width: 100px;
	border: 1px solid white;
	border-radius: 50%;
}

.userIcon{
	font-size: 50px;
	margin: 5px;
}

.alternate{
	background-color: white;
	color: #659ad6;
}

.alternateCircle{
	border: 1px solid #659ad6;
}

/*CONTACT*/

.contactTextBox{
	height: 200px;
}

/*MOBILE SCREEN CSS*/

@media (max-width: 800px) {
/*  .row {
    flex-direction: column-reverse;
  }*/
  .col-25 {
    margin-bottom: 20px;
  }
  .btn1, .btn2{
  	float: none;
  	border: none;
  }
  h1{
  	font-size: 25px;
  	margin-top: -45px;
  	float: right;
  }
  #logo{
  	height: 60px;
  	float: left;
  }
  .navbar a{
  	font-size: 20px;
  	margin-bottom: 5px;
  }
}