@charset "UTF-8";
/* CSS Document */

*,
*::before,
*::after {
  box-sizing: border-box;
}


body {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  background-color: #FFFFFF; 
  color: #202020;
}


header: { 
	border: #ff2540 solid 5px; 
	width: 100%; 
	height: 100%; 
	
}

.logo {max-width: 300px; margin-left: auto; margin-right:auto; padding: 30px 30px 30px 30px; }
.logo img {width: 100%}


.navbar {display: flex; justify-content: center; padding: 0px 20px 0px 20px; }
.navbar li {list-style: none; }
.navbar li a {padding: 6px 12px; color: #252424; text-decoration: none; }

.navbar li a:hover { color: #ff4858 } 


.container {max-width: 1100px; margin-left: auto; margin-right: auto;}


.container {padding-left: 15px; padding-right: 15px;}
.portfolio-item {padding-left: -15px; padding-right: -15px;}
.portfolio-item {padding-left: 15px; padding-right: 15px;}


.portfolio-items {display: flex; justify-content: center; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.portfolio-item {width: 50%; height: auto; flex-grow: 0; flex-shrink: 0; padding: 10px; }
.portfolio-item a { display: block; position: relative;}
.portfolio-items .portfolio-item .image-wrap img {width: 100%; height: 100%;}

.portfolio-item:hover img {opacity: .5; }

.portfolio-item:hover .rollover {display: flex; }

.portfolio-item .rollover {display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(255,0,52,.5);}

.portfolio-item img {width: 100%; height: 100px; object-fit: cover;}



.back-link {color: #ff4858; display: block; text-decoration: none; }







		.portfolio-item:hover .rollover {display: flex; justify-content: center; align-items: center; z-index: 3; }
		.portfolio-item .rollover h4 {color: #ffffff; font-size: 24px;}


.portfolio-detail {
    width: 100%;
}
.portfolio-detail img {
    width: 100%;
}

	.columns { display: flex; }
	.col {width: 50%; padding: 20px;}
	.col img {width: 100%;}
	.col-40 {width: 40%;}
	.col-60 {width: 60%;}
	
	.sticky {position: sticky; top: 30px; }
	
	.form-holder {padding-top: 25px; padding-bottom: 25px;}
	.form-group {margin-bottom: 20px; width: 100%; }

	.form-control {width: 100%; padding: 6px 12px; border-radius: 0; border: #ccc solid 1px;}
	.button {background-color: #fa1464; color: #ffffff; border-radius: 0; padding: 6px 12px; border: none; }








h1 {margin: 0;}


p {
	font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
	line-height: 1.5;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}



/* X-Small devices (portrait phones, less than 576px) */
		/* No media query for `xs` since this is the default in Bootstrap */

		/* Small devices (landscape phones, 576px and up) */
		@media (min-width: 576px) {
			
			
		}

		/* Medium devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			
		
		}

		/* Large devices (desktops, 992px and up) */
		@media (min-width: 992px) {

		}

		/* X-Large devices (large desktops, 1200px and up) */
		@media (min-width: 1200px) {
			
			
		}

		/* XX-Large devices (larger desktops, 1400px and up) */
		@media (min-width: 1400px) {
		}