@media (min-width:1200px) {

}

@media (min-width:992px) and (max-width:1199px) {

}

@media (min-width:768px) and (max-width:992px){
.about-me-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
}

@media (min-width:521px)and (max-width:767px){
p,
h1 {
	text-align: center;
}
.my-name {
	width: 95vw;
	padding: 2%;
}

.contact-container {
	width: 95vw;
}
#form,
#name,
#email,
#message,
#submit {
	width: 100%;
	max-width: 100%;
}

.about-me-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
}

@media (max-width:520px){
h1 {
	font-size: 170%;
}

.my-logo p {
    font-size: 140%
}

.about-me-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.lg-actions .lg-next, .lg-actions .lg-prev{
    font-size: 3em;
    top: 47%;	
}

.lg-actions .lg-prev {
    left: 0px;
}

.lg-actions .lg-next {
    right: 0px;
}

.sidenav {
	padding-top: 15px;
}

.sidenav a {
	font-size: 18px;
}

.list_title{
	font-size: 1.3em;
}

.list_content{
	font-size: 1.3em;
	
}

.works_title span{
	width: 100%;
}

div#wrapper{
	width: 100%;
	margin: 0px auto;
}

div.item{
	max-width: 40%;
}
}

@media (max-width: 320px) {
div#wrapper{
	width: 100%;
	margin: 0px auto;
}

div.item{
	max-width: 100%;
}
}