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

body {
	/*background-image: url(../blacknwhite_noshoulder.png);
	background-size: cover;
	background-repeat: no-repeat; 
	
	font-family: 'Open Sans Condensed:700', sans-serif; */
background-color:black;
}



.mynavbar{
   
    font-size: 20px; 
    font-family: Oswald, sans-serif;
    background-color: black;
}

.nav-item {
    padding-right: 20px;
}

.jumbotron {
    border-radius: 0px;
	text-align: center;
    height: 550px
}


.colTop{
    background-color: aqua;
}

.figure-caption{
    color: black;
    text-align: center;
    font-family: Oswald:300, sans-serif;
    
}

.img-thumbnail{
    padding: .1rem;

    background-color: black;
}

.kyletext{
    color: white;
    font-family: Open Sans Condensed:700;
    font-size: 50px;
    text-align: right;
    margin-top: 
}

.bg-myface {
 background-image: url(../blacknwhite_noshouldersmallerr.png);
     background-size: auto 120%;
    background-repeat: no-repeat;
    background-color: black;
    background-attachment: fixed;
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.lightboxcontainer{
   background-color: black;
    margin-top: 100px
}

.figure-caption{
	color: white;
	
}

iframe{
    margin: 20px;
    width: 500px;
    height: 340px;
    
}

.footersection{
    
    background-color: black;
    text-align: center;
    margin-bottom:auto;
}

.myFooter{
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: black;
    

}

.resume{
	height: auto;
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
	
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*MEDIA QUERIES*/

@media screen and (max-width: 700px){
  
 iframe{
    margin: 20px;
    width: auto;
    height: auto;

    
}   

.jumbotext {
        font-size: 3rem;
}

.bg-myface {
 background-image: url(../blacknwhite_noshouldersmallerr.png);
     background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: black;
    background-attachment: fixed;
	height: 350px;
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

    
#element{
animation:3s ease 0s normal forwards 1 fadein;
-webkit-animation:3s ease 0s normal forwards 1 fadein;
opacity:1
}

@keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}