/* big tablets */
@media only screen and (max-width: 1200px){
	.container{
	width: 100%;
}
	.nav-bar a{
	padding: 10px 42px;
}
}

/* small tablets to big tablets 768px to 1024px */
@media only screen and (max-width: 1024px){
	.container{
	width: 100%;
}
	.nav-bar a{
	padding: 10px 26px;
}

	.description{
	margin-left: 6%;
}

	.division-one img:hover{
	transform: none;
	transition: none;
	transition: none;
	opacity: 100%;
}

	.hr-skills{
	margin-top: 15%;
}
}

@media only screen and (max-width: 768px){
	.division-one{
		font-size: 80%;
}

	.description{
		margin-left: 5%;
	}

	.hr-skills{
	margin-top: 13%;
}
}

@media only screen and (max-width: 767px){
	.container{
	width: 100%;
}
	.nav-bar a{
	display: list-item;
}

	.division-one{
		font-size: 100%;
}

	.description {
		font-size: 120%;
		text-align: center;
		margin-left: auto;
	}

	h1{
		font-size: 300%;
	}

	.division-one img:hover{
	transform: none;
	transition: none;
	transition: none;
	opacity: 100%;
}

	.division-one ui li{
	margin-left: auto;
	padding-left: 20%;
}

	.division-two{
	font-size: 100%;
}

h2{
	margin-left: 3%;
}

h3{
	margin-left: 3%;
}

.division-two p{
	line-height: 26px;
	margin-left: 1.5%;
}

.hr-skills{
	margin-top: 15%;
}

}

@media only screen and (max-width: 481px){
	.hr-skills{
	margin-top: 32%;
}

	.division-five{
	width: 20%
	margin-left: 4%;
	text-align: left;
	line-height: 29px;
}

	.division-six{
	width: 75%;
}

	textarea{
	height: 345px;
}

}

@media only screen and (max-width: 480px){
	.container{
	width: 100%;
}
	.nav-bar a{
	display: list-item;
}

	.division-one{
	font-size: 100%;
}

	.division-one img:hover{
	transform: none;
	transition: none;
	transition: none;
	opacity: 100%;
}

	.division-one ui li{
	margin-left: auto;
	padding-left: 18%;
}

	.hr-skills{
	margin-top: 32%;
}

	.division-three{
	font-size: 90%;
}

	.division-four{
	font-size: 90%;
}

	.division-five{
	width: 20%
	margin-left: 4%;
	text-align: left;
	line-height: 29px;
}

	.division-six{
	width: 70%;
}

textarea{
	height: 335px;
}
}