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

@media screen and (max-width: 480px)  {
	#photo {
		background-color: #fff;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}
	#wrapper {
		width:100%;
	}
	.navlinks li{
		display: block;
		width:100%;
		margin:30px 0px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}

	.navlinks li a{
		color: #fff;
		font-size:20px;
		letter-spacing: -2px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}
}

@media screen and (min-width: 480px) and (max-width: 600px)  {
	#wrapper {
		width:100%;
	}
	.navlinks li{
		display: block;
		width:100%;
		margin:30px 0px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}

	.navlinks li a{
		color: #fff;
		font-size:20px;
		letter-spacing: -2px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}
}

@media screen and (min-width: 600px) and (max-width: 1000px)  {
	#wrapper {
		width:100%;
	}
}

@media screen and (min-width: 1000px)  {

}