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

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

.navbar .navbar-inner {  /* Navbar */
position: relative;
top: 130px;
}

#fade {
    text-align: center;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}



.bluebackground {
		background-image: url('pictures/bluebackground.jpg');
	/* Full height */
    width: 100%; 
	overflow: visible;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;    
	background-attachment: fixed;
    background-size: cover;
	
}

.quotebackground {
		background-image: url(pictures/MiltonIrizarryPhotography02.jpg);
	/* Full height */
	overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;    
	background-attachment: fixed;
    background-size: cover;  
/* width:110%;
  top:-5%;
  left:-5%;
  transform:rotate(-2deg);
  transform:rotate(2deg);) */
	
}
h1.main { margin: 0px;
  font-size: 5.5vw;
}
h2.main {
	margin-top: 0;
  font-size: 3.3vw;
}
h3.main {
	margin-top: 0;
  font-size: 2.6vw;
}

h4.main { margin: 0px;
  font-size: 7.9vw;
}
h5.main {
	margin-top: 0;
  font-size: 5.1vw
}


.background-image { 
	background-image: url('pictures/Milton-Irizarry-Background-01.jpg');
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);


}
#spacer{
	width: 100%;
	
}

div.spacer{
	display: block;
	overflow: hidden;


	
}
img.spacer{
	width: 25%;
	display:  block;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	float: left;
}

.selfimages {
 /* The image used */
    background-image: url(pictures/milton-irizarry-jr-2018-Louis-Vuitton-2.jpg);
	width: 100%;

    /* Set a specific height */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
	overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
background-size: cover;
	
}

.newself{
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-image:  url(pictures/milton-irizarry-jr-2018-Louis-Vuitton.jpg);
}

footer { 
font-size: 0.75em;
text-align: center; 
clear: both;
padding-top: 50px; 
border-top: 5px solid #d0d0d0;
color: #ccc; 
background-color: #6d808f; /width: 100%;/ /height: 300px;/ /height: 100%;/ overflow: none; }

.row-centered {text-align:center;
width: 100%;
}
.col-centered { display:inline-block; float:none; margin-right:-4px;}

.background-image1 { 
	background-image:url(pictures/port1.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    
}

.background-image2 { 
	background-image:url(pictures/port2.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
  
}

.background-image3 { 
	background-image:url(pictures/port3.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    
}

.background-image4 { 
	background-image:url(pictures/port4.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
  
}

.background-image5 { 
	background-image:url(pictures/port5.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    
}
.background-image6 { 
	background-image:url(pictures/port6.jpg);
   /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
   
}