@media (min-width: 320px) and (max-width: 479px){

/*INTRO************************************************************************************************/
.menu_tagline {
	font-size: 30px;
	line-height: 30px;
	/*color:rgba(93,97,105,0.80);*/
}
#grid_nav {
	width:310px;
	height:310px;
}
.item {
	padding:2px;
}
.item a h5 {
	font-size:16px;
	line-height:16px;
	padding:2px;
}
.item .social_link {
	font-size: 24px;
}
.item_1 {
	width: 124px;
	height: 124px;
}
.item_2 {
	width: 124px;
	height: 155px;
}
.item_3 {
	width: 62px;
	height: 62px;
}
.item_4 {
	width: 124px;
	height: 93px;
}
.item_5 {
	width: 124px;
	height: 62px;
}
.item_6 {
	width: 62px;
	height: 155px;
}
.item_7 {
	width: 62px;
	height: 62px;
}
.item_8 {
	width: 248px;
	height: 62px;
}

/*PAGES************************************************************************************************/

/*HEADER******************************/
header{
	height:180px;
}
.side-image {
	visibility: collapse;
}
.header__logo {
	width: 190px;
	top: 0;
	left: 1vw;
	margin-left: -185px;
	padding: 0 10px;
	-ms-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.page__menu {
	width: auto;
	position: absolute;
	left: 0;
	margin-left: 65px;
	padding: 0 10px;
	border-width: 1px;
}
.page__menu li {
	width: 108px;
}
.page__title {
	border-width: 1px;
	right:2vw;
	text-align:right;
	padding-top:10px;
}
/*CONTENT******************************/
.content__wrapper {
	margin-left:0;
	margin-bottom: 20px;
}
.bottom__border {
	background-position: center center;
}
.hero__image {
height: 50vw;	
}
.footer {
	width:100vw;
	margin-left:0;
}
.footer_left {
	margin-left:2.5vw;
}
.footer_right {
	margin-right:2.5vw;
}

/*ABOUT********************************************************************/


.profile__image {
	width:150px;
	height:150px;
}


/*PORTFOLIO********************************************************************/

.gallery {
	width:96vw;
}

.gallery .portfolio_filters {
	margin-bottom:10px;
}

.gallery .portfolio_filters a span{
	font-size:40px;
}

.gallery .portfolio_filters a {
	width:60px;
	height:60px;
	line-height:60px;
}

.gallery .portfolio_items {
	margin-top:0;
	padding-top:0;
}


/*CORPORATE********************************************************************/

/*CONTACT*************************************************************************************************************************************************************************/
.contact__blocks {
	margin-top:10px;
}

.address__wrapper, .form__wrapper {
	width:100%;
	margin:0;
	
}

/*TRANSITIONS********************************************************************/

 h1, h2, h3, h4, h5, p {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	transition: all linear;
	-webkit-transition-property: all;
	-webkit-timing-function: linear; 
 }

.item_1, .item_2, .item_3, .item_4, .item_5, .item_6, .item_7, .item_8, #grid_nav {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}

.header__logo, .page__menu, .page__title,
content__wrapper, top__border,
.footer
.about__hero, .listings__hero, .services__hero, .corporate__hero, .contact__hero,
.profile__image,
.block_wrapper, 
.gallery, .gallery .portfolio_filters,
.address__wrapper, .address, .form__wrapper {
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}

.side-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}
}

@media (min-width: 480px) and (max-width: 568px) {
	/* GLOBAL STYLES ------------ */
h1, h2, h3 {

}
h1 {
	font-size: 30px;
	letter-spacing: 1px;
}
h2 {
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 32px;
}
h3 {
	font-size: 16px;
	line-height: 20px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}
h5 /*(menus)*/ {
	font-size: 16px;
	line-height: 20px;
}
p {
	font-size: 14px;
	line-height: 20px;
}
.icon {
	font-size: 14px;
	width: 25px;
	height: 25px;
	padding: 0px;
	line-height: 23px;
}

/*INTRO************************************************************************************************/
#grid_nav {
	width:480px;
	height:480px;
}
.item {
	padding:3px;
}
.item a h5 {
	font-size:20px;
	line-height:20px;
}
.item .social_link {
	font-size: 32px;
}

.item_1 {
	width: 192px;
	height: 192px;
}
.item_2 {
	width: 192px;
	height: 240px;
}
.item_3 {
	width: 96px;
	height: 96px;
}
.item_4 {
	width: 192px;
	height: 144px;
}
.item_5 {
	width: 192px;
	height: 96px;
}
.item_6 {
	width: 96px;
	height: 240px;
}
.item_7 {
	width: 96px;
	height: 96px;
}
.item_8 {
	width: 384px;
	height: 96px;
}


/*PAGE HEADER*************************************************************************************************************************************************************************/
header{
	height:180px;
}
.header__logo {
	width: 190px;
	top: 0;
	left: 21vw;
	margin-left: -185px;
	padding: 0 10px;
	-ms-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.page__menu {
	width: auto;
	left: 20vw;
	margin-left: 64px;
	padding: 0 10px;
	border-width: 1px;
}
.page__menu li {
	width: 108px;
}
.page__title {
	border-width: 1px;
	right:2vw;
	padding-top:7px;
}

/*PAGES************************************************************************************************/

	
	

/*ABOUT********************************************************************/

.profile__image {
	width:150px;
	height:150px;
}


/*CONTACT*************************************************************************************************************************************************************************/
.contact__blocks {
	margin-top:10px;
}

.address__wrapper, .form__wrapper {
	width:100%;
	margin:0;
	
}

.address {
	height:190px;
	
}

.e-mail button {
	margin:20px auto;
	font-size:15px;
	padding:10px 6px;
	}
	
/*TRANSITIONS********************************************************************/
 h1, h2, h3, h4, h5, p {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	transition: all linear;
	-webkit-transition-property: all;
	-webkit-timing-function: linear; 
 }
 
 .item_1, .item_2, .item_3, .item_4, .item_5, .item_6, .item_7, .item_8, #grid_nav {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}

 
.header__logo, .page__menu, .page__title,
content__wrapper, top__border,
.footer
.about__hero, .listings__hero, .services__hero, .corporate__hero, .contact__hero,
.profile__image,
.scroll_link, 
.gallery, .gallery .portfolio_filters,
.address__wrapper, .address, .form__wrapper {
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}

.side-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}


}

@media (min-width: 569px) and (max-width: 736px) {
	/* GLOBAL STYLES ------------ */
h1, h2, h3 {

}
h1 {
	font-size: 38px;
	letter-spacing: 1px;
}
h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 32px;
}
h3 {
	font-size: 18px;
	line-height: 20px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}
h5 /*(menus)*/ {
	font-size: 16px;
	line-height: 20px;
}
p {
	font-size: 14px;
	line-height: 20px;
}
.icon {
	font-size: 14px;
	width: 25px;
	height: 25px;
	padding: 0px;
	line-height: 23px;
}

/*INTRO************************************************************************************************/
#grid_nav {
	width:560px;
	height:560px;

}
.item a h5 {
	font-size:24px;
	line-height:24px;
}
.item .social_link {
	font-size: 40px;
}
.item_1 {
	width: 224px;
	height: 224px;
}
.item_2 {
	width: 224px;
	height: 280px;
}
.item_3 {
	width: 112px;
	height: 112px;
}
.item_4 {
	width: 224px;
	height: 168px;
}
.item_5 {
	width: 224px;
	height: 112px;
}
.item_6 {
	width: 112px;
	height: 280px;
}
.item_7 {
	width: 112px;
	height: 112px;
}
.item_8 {
	width: 448px;
	height: 112px;
}

/*PAGE HEADER*************************************************************************************************************************************************************************/
header{
	height:200px;
}
.header__logo {
	position: absolute;
	width: 190px;
	top: 0;
	left: 21vw;
	margin-left: -185px;
	padding: 0 10px;
	-ms-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.page__menu {
	width: auto;
	position: absolute;
	left: 20vw;
	margin-left: 64px;
	padding: 0 10px;
	border-width: 1px;
}
.page__title {
	border-width: 1px;
	right:2vw;
	padding-top:8px;
}

/*PAGES************************************************************************************************/



/*ABOUT********************************************************************/

.profile__image {
	width:200px;
	height:200px;
}

/*CONTACT*************************************************************************************************************************************************************************/
.contact__blocks {
	margin-top:10px;
}

.address__wrapper, .form__wrapper {
	width:100%;
	margin:0;
	
}

.address {
	width:49%;
	margin:1% 0 2% 0;
	height:180px;
}

.e-mail {
	margin-left:2%;
}
	
.address h2 {
	font-size:22px;
}

.address .iconfont{
	font-size:40px;
	margin-bottom:10px;	

}

.address p {
	line-height: 20px;
}

.e-mail button {
	margin:20px auto;
	font-size:14px;
	padding:10px 6px;
	}	
	
/*TRANSITIONS********************************************************************/
 h1, h2, h3, h4, h5, p {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	transition: all linear;
	-webkit-transition-property: all;
	-webkit-timing-function: linear; 
 }
 
 .item_1, .item_2, .item_3, .item_4, .item_5, .item_6, .item_7, .item_8, #grid_nav {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}

 
.header__logo, .page__menu, .page__title,
content__wrapper, top__border,
.footer
.about__hero, .listings__hero, .services__hero, .corporate__hero, .contact__hero,
.profile__image,
.gallery, .gallery .portfolio_filters,
.address__wrapper, .address, .form__wrapper {
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}	

.side-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}	

}

@media (min-width: 737px) and (max-width: 1024px) {
	
/*INTRO************************************************************************************************/
#grid_nav {
	width:730px;
	height:730px;

}
.item a h5 {
	font-size:30px;
	line-height:30px;
}
.item .social_link {
	font-size: 60px;
}

.item_1 {
	width: 292px;
	height: 292px;
}
.item_2 {
	width: 292px;
	height: 365px;
}
.item_3 {
	width: 146px;
	height: 146px;
}
.item_4 {
	width: 292px;
	height: 219px;
}
.item_5 {
	width: 292px;
	height: 146px;
}
.item_6 {
	width: 146px;
	height: 365px;
}
.item_7 {
	width: 146px;
	height: 146px;
}
.item_8 {
	width: 584px;
	height: 146px;
}

header{
	height:170px;
}	/*CONTACT*************************************************************************************************************************************************************************/
	.contact__blocks {
	margin-top:10px;
}
	
	
	.address__wrapper {
	width: 47%;
}

.form__wrapper {
	width: 52%;
}
	
	
.address h2 {
	font-size:26px;
}

.address .iconfont{
	font-size:46px;
	margin-bottom:10px;	

}

.e-mail button {
	margin:20px auto;
	font-size:15px;
	padding:10px 6px;
	}
	
/*TRANSITIONS********************************************************************/
 h1, h2, h3, h4, h5, p {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	transition: all linear;
	-webkit-transition-property: all;
	-webkit-timing-function: linear; 
 }
 
 .item_1, .item_2, .item_3, .item_4, .item_5, .item_6, .item_7, .item_8, #grid_nav {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}

 
.header__logo, .page__menu, .page__title,
content__wrapper, top__border,
.footer
.about__hero, .listings__hero, .services__hero, .corporate__hero, .contact__hero,
.profile__image,
.gallery, .gallery .portfolio_filters,
.address__wrapper, .address, .form__wrapper {
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}

.side-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}	
}