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


/* Fonts

font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Oswald', sans-serif;

*/

/* General */

body{
	color: darkgrey;
	font-family: 'Montserrat', sans-serif;
	background-color: #03192b;
}

.container-fluid{
	padding: 0rem;
}

a {
  color: darkgrey;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #1ba098;
  text-decoration: none;
}

/* Text Colors */

.text-on-darkblue{
	color: #03192b;
}

.text-on-blue{
	color: #032540;
}

.text-on-orange{
	color: #ffa800;
}

.text-on-turquoise{
	color: #1ba098;
}

.text-on-grey{
	color: darkgrey;
}

/* Background Colors */

.bg-on-darkblue{
	background-color: #03192b;
}

.bg-on-blue{
	background-color: #032540;
}

.bg-on-darkgrey{
	background-color: #0d0d0d;
}

.bg-on-grey{
	background-color: #1a1a1a;
}

/* Home Slider Area */

#home-slider-section{
	padding: 2rem 0rem;
}

#home-slider-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 65vh;
	background-image: url("../images/oscar-nonis.png");
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
}

#home-slider-name{
	font-size: 2.5rem;
	line-height: 2.75rem;
	font-weight: 300;
	text-align: center;
}

#home-slider-slogan{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25rem;	
	font-family: 'Roboto Slab', serif;
	text-align: center;
}

#home-slider-titles{
	font-size: .8rem;
	font-weight: 700;
	line-height: 1rem;
	letter-spacing: .025rem;
	text-align: center;
	margin-top: .5rem;
}

.fa-circle{
	font-size: .60rem;
}

/* Alert Section */

.alert{	
	margin-top: .5rem;
	color: white;
	background-color: #1ba098;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: .75rem 1rem .5rem 1rem;
}

.closebtn{
	Font-size: 1.5rem;
	margin-bottom: -1.5rem;
	color: white;
	font-weight: bold;
	float: right;
	line-height: 1.25rem;
	cursor: pointer;
	transition: 0.5s;
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#marquee{
	margin-right: 2rem;
}

/* Home Particles */

#particles-js{
	height: 75vh;
	width: 100%;
	margin-top: -75vh;
}

/* Home Intro Section */

#home-intro-section{
	padding: 2rem 0rem;
}

#home-intro-head{
	font-size: 1.75rem;
	line-height: 2rem;
	font-family: 'Roboto Slab', serif;
}

#home-intro-descriptions{
	margin-top: 1rem;
	padding: 0rem 1rem;
}

/* Home Services Section */

#home-services-section{
	padding: 0rem 2rem 2rem 2rem;
}

#home-services-area{
	text-align: center;
	padding: 1rem;
	background-image: url("../images/patternback.jpg");
	background-position: top center;
	border-top: thick solid #ffa800;
}

.section-head{
	font-size: 2rem;
	line-height: 2.5rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2rem;
}

#home-services-head{
	margin: 1rem 0rem 0rem 0rem;
}

#home-services-categories-area{
	padding: 0rem 1rem 1rem 1rem;
}

.home-services-category{
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .25rem;
	border-bottom: 1px dotted #6f777d;
	padding-bottom: .5rem;
	margin: 2rem auto 0rem auto;
}

#home-services-category{
	margin: 1.5rem auto 0rem auto;
}

.list-group-item{
	background-color: transparent;
	border-bottom: 1px dotted #6f777d;
}

.list-group-item-x{
	position: relative;
  	display: block;
  	padding: 0.75rem 1.25rem;
  	background-color: transparent;
  	border: none;
}

/* Home Political and Nonprofit Section */

#home-political-nonprofit-section{
	padding: 2rem 0rem;
}

#home-political-nonprofit-head{
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 2.75rem;
	font-family: 'Roboto Slab', serif;
}

#home-political-nonprofit-subhead{
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: .5rem;
}

#home-political-info-area{
	text-align: center;
	margin-top: 1rem;
}

#home-nonprofit-info-area{
	text-align: center;
	margin-top: 1rem;
}

#home-political-info-head,
#home-nonprofit-info-head{
	font-size: 1.25rem;
	font-weight: 700;
}

#home-political-info-subhead,
#home-nonprofit-info-subhead{
	
}

/* Home Skills Technology Section */

#home-skills-technology-section{
	padding: 2rem 1rem;
}

#home-skills-technology-head{
	font-size: 2.5rem;
	line-height: 2.75rem;
	text-align: center;
	margin-bottom: -1rem;
	text-transform: uppercase;
}

.home-skills-technology-categories{
	font-size: 1rem;
	font-weight: 700;
	margin: 1rem 0rem;
	padding-bottom: .5rem;
	border-bottom: thin dotted #6c757d;
}

.skills-categories{
	font-size: 1.5rem;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .0625rem;
}

#home-skills-technology-category-1{
	text-align: center;
	margin-top: 2rem;
}

#home-skills-technology-category-2{
	text-align: center;
	margin-top: 2rem;
}

#home-skills-technology-category-3{
	text-align: center;
	margin-top: 2rem;
}

.icon-card{
	margin: 1rem auto 0rem auto;
}

.card-icon-area{
	display: flex;
	align-items: center;
}

.card-icon{
	height: 1.5rem;
	margin: 1rem auto .5rem auto;
}

.card-icon:hover{
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

.card-icon-title{
	font-size: .75rem;
	text-align: center;
	margin-bottom: 1rem;
}

.name-right{
	text-align: right;
}

/* Home Photography Section */

#home-photography-section{
	padding: 2rem 0rem;
}

#home-photography-text-area{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#home-photography-text-head{
	font-size: 2.5rem;
	text-align: center;
}

#home-photography-text-subhead{
	font-size: 1.25rem;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}
#home-photography-text-descriptions{
	text-align: center;
	padding: 1rem 1rem 2rem 1rem;
}

#home-photography-gallery-area{
	padding: 0rem 2rem 1rem 2rem;
}

.zoom{
	display:inline-block;
	border:0;
	position: relative;
	-webkit-transition: all 150ms ease-in;
	-webkit-transform: scale(1);
	-ms-transition: all 150ms ease-in;
	-ms-transform: scale(1);
	-moz-transition: all 150ms ease-in;
	-moz-transform: scale(1);
	transition: all 150ms ease-in;
	transform: scale(1);
}

.zoom:hover{
	z-index: 2;
	-webkit-transition: all 150ms ease-in;
	-webkit-transform: scale(1.25);
	-ms-transition: all 150ms ease-in;
	-ms-transform: scale(1.25);
	-moz-transition: all 150ms ease-in;
	-moz-transform: scale(1.25);
	transition: all 150ms ease-in;
	transform: scale(1.25);
}

.zoom .after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	color: #FFF;
}

.zoom:hover .after{
	display: block;
	top: 35%;
	left: 40%;
}

.fa-plus{
	font-size: 2rem;
}

.fa-plus:hover{
	animation: spin 1s, zoomInZoomOut 1s;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

@keyframes zoomInZoomOut{
	0% { transform: scale(1, 1); }
	50% { transform: scale(1.25, 1.25); }
	100% { transform: scale(1, 1); }
}

.photography-btn{
	font-weight: 700;
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}

.photography-btn:hover{
	color: #1a1a1a;
	border: thin solid #1a1a1a;
	background-color: transparent;
}

#camera{
	padding: 0rem 3rem;
}

/* Footer Section */

#footer-section{
	padding: 2rem 0rem;
}

#footer-navigation{
	padding: 0rem 1rem 1rem 1rem;
}

#footer-head{
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-family: 'Oswald', sans-serif;
	padding-bottom: 1rem;
}

.footer-navi-item-head{
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: .5rem;
	border: thin solid #ffa800;
}

.footer-navi-item{
	font-size: .80rem;
	text-align: center;
}
.footer-navi-item a:hover{
	color: #ffa800;
	text-decoration: none;
}

#footer-text-area{
	margin-top: 1rem;
	padding: 0rem 2rem;
}

#footer-contacts-area{
}

#footer-name{
	font-size: 2rem;
	padding-top: 1rem;
}

#footer-slogan{
	font-size: 1rem;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	line-height: 1.25rem;
}

#footer-address{
	margin-top: .5rem;
}

#footer-phone{
	margin-top: .5rem;
	font-size: 1.25rem;
}

#footer-email{
	margin-top: .5rem;
	font-size: 1.125rem;
}

#footer-phone a:hover,
#footer-email a:hover{
	color: #ffa800;
	text-decoration: none;
}

#footer-hireme-area{
	padding: 2rem 0rem;
	border-top: thin dotted #ffa800;
	border-bottom: thin dotted #ffa800;	
}

/* Footer Legal Section */

#legal-section{
	padding: 2rem 0rem;
}

#copyrights-area{
	text-align: center;
	margin-top: 1rem;
}

.fa-heart, .fa-coffee{
	font-size: .70rem;
}

#social-area{
	text-align: center;
}

.social-icons{
	font-size: 1rem;
	margin: .25rem;
}

.fa-heart,
.fa-coffee{
	font-size: .65rem;
	margin: 0rem .125rem;
}

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

	#home-services-category{
	margin: 3.125rem auto 0rem auto;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
/* Home Slider Area */
	
#home-slider-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 65vh;
	background-image: url("../images/oscar-nonis.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

#home-slider-name{
	font-size: 3.5rem;
	line-height: 3.75rem;
	font-weight: 300;
	text-align: left;
}

#home-slider-slogan{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.75rem;	
	font-family: 'Roboto Slab', serif;
	text-align: left;
	margin-top: 1rem;
}

#home-slider-titles{
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25rem;
	letter-spacing: .025rem;
	text-align: left;
	margin-top: .5rem;
}

.fa-circle{
	font-size: .80rem;
}
	
/* Alert Section */

.alert{	
	margin-top: 1rem;
}

/* Home Particles */

#particles-js{
	height: 75vh;
	width: 100%;
	margin-top: -75vh;
}

	
#footer-contacts-area{
	padding-bottom: 2rem;	
	border-top: thin dotted #ffa800;
}
	
#footer-hireme-area{
	padding: 2rem 0rem 0rem 0rem;
	border-top: thin dotted #ffa800;
	border-bottom: none;	
}
	
#social-area{
	text-align: center;
	margin-top: 1rem;
}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
#home-slider-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 70vh;
	background-image: url("../images/oscar-nonis.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
}

#home-slider-name{
	font-size: 5rem;
	line-height: 5.25rem;
	font-weight: 300;
	text-align: left;
}

#home-slider-slogan{
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 2.75rem;	
	font-family: 'Roboto Slab', serif;
	text-align: left;
	margin-top: .5rem;
}

#home-slider-titles{
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5rem;
	letter-spacing: .025rem;
	text-align: left;
	margin-top: .5rem;
}

.fa-circle{
	font-size: .90rem;
}
	
.alert{	
	margin-top: 1rem;
	width: 98%;
}

/* Home Particles */

#particles-js{
	height: 75vh;
	width: 100%;
	margin-top: -75vh;
}
	
#home-photography-section{
	padding: 4rem 0rem;
}
	
.skills-categories{
	font-size: 1.25rem;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0rem;
}
	
#footer-head{
	font-size: 1.75rem;
	line-height: 2rem;
	font-family: 'Montserrat', sans-serif;
	padding: 1rem 0rem;
}
	
#social-area{
	text-align: right;
	margin-top: 1rem;
}
	
}

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

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