.center {
			 margin-top: 30px;
			 margin-left: 52px;
			}
			
			
			.viewer {
			    margin-left: 155px;
    			overflow: visible;	
				}
				
				.phoneNumber {
					left: 0px;
					}
			
					#line-project {
    				display: none;
					}
			
	h1.access-tile {
    font-size: 2em;
    color: #7c7d7d;
    letter-spacing: 0.04em;
	}

h2.access-section-title {
    font-size: 1.70em;
    display: block;
  width: 214px;
    height: 70px;
	display: table;
	line-height: 1.2em;
	padding-top: 15px;
    border-bottom: 1px solid #dcdee2;
}

h3.project-title {
    font-weight: normal;
    font-size: 1.25em;
    letter-spacing: 0.02em;
	line-height: 1.4em;
	margin: 20px 0 10px 0;
    height: 30px;
}

p {
    font-size: 1.15em;
    line-height: 1.38em;
    letter-spacing: 0.045em;
	text-align: left;
	
}


.main-access {
width: 870px;
	text-align: center;
	border-top: 1px solid #f25012;
}

.container-access {
    width: 216px;
    float: left;
	border-left: 1px solid #f25012;
	margin: 5px 0 30px 0;
}

.last-child {
	border-right: 1px solid #f25012; 
	}

a.access-project {
    display: table-cell;
    background-color: #D3D4D6;
    height: 96px;
    text-align: center;
    padding: 15px 30px 15px 30px;
	}		

p.description {
    width: 174px;
    margin: 10px 0 10px 15px;
	height: 170px;
}
	
.container-img-box {
    background-color: #D3D4D6;
    height: 158px;
    text-align: -webkit-center;
    /* vertical-align: middle; */
    line-height: 125px;
    margin: 20px 10px 0;
}

.footer-access {
    margin: 0 15px;
}



h3.project-title {
margin-top: 0px;
}

/* Smartphones (portrait) ----------- */

@media only screen 
and (max-device-width : 320px) {
	.north {
    display: inline-block;
	margin-left: 16px;
	}
	
	.center {
    margin-top: 0px;
    margin-left: 20px;
    }
	
	.viewer {
    margin-left: 0px;
    overflow: visible;
	}
	
	.contactForm_container {
    width: 102%;
    height: 76px;
    position: relative;
    top: 33px;
    left: 0;
	}

	#ladda-mea {
    padding: 0;
    margin-top: -20px;
	}
	
		
	.main-access {
    width: 96%;
	margin-bottom: 40px;
	}
	
	.container-access {
    width: 100%;
	border: none;
	}
	
	h1.access-tile {
	text-align: center;
	margin-top: 40px;
	}
	
	h2.access-section-title {
    font-size: 2.2em;
    display: block;
    width: 100%;
    height: 4em;
    padding-top: 30px;
    border-top: 1px solid #dcdee2;
    border-bottom: 1px solid #dcdee2;
	}
	
	h2.first-child {
    border-top: none;
	padding-top: 10px;
	}
	
	p.description {
    width: 95%;
    margin: 10px 0 10px 15px;
    height: auto;
	}
	
	#topnav1 {
    display: none;
	}
      
	.contactForm_container form {
    padding: 5px;
    }
    

	form .contact-box {
    border-bottom: 5px;
    padding: 2px 0px 0px 6px;
    } 
    
    .contactForm_container input, .contactForm_container textarea {
    width: 100px;
    }  

.contactForm_container input[type='email'] {
    width: 115px;
}

p {
    font-size: 1.25em;
    line-height: 1.5em;
}

.phoneNumber {
	display: block;
    left: 0px;
    top: -65px;
}

}

/* Smartphones (landscape) ----------- */

@media only screen 
and (min-width : 321px) 
and (max-device-width : 668px) {
	.north {
    display: inline-block;
	margin-left: 16px;
	}
	
	.center {
    margin-top: 0px;
    margin-left: 20px;
    }
	
	.viewer {
    margin-left: 0px;
    overflow: visible;
	}
	
	.contactForm_container {
    width: 103%;
    height: 76px;
    position: relative;
    top: 15px;
    left: 0;
	}

	#ladda-mea {
    padding: 0;
    margin-top: -20px;
	}
	
	h1.access-tile {
	text-align: center;
	margin-top: 40px;
	}
	
	.main-access {
    width: 96%;
	margin-bottom: 40px;
	}
	
	.container-access {
    width: 100%;
	border: none;
	}
	
	
	h2.access-section-title {
    font-size: 2.2em;
    display: block;
    width: 100%;
    height: 4em;
    padding-top: 30px;
    border-top: 1px solid #dcdee2;
    border-bottom: 1px solid #dcdee2;
	}
	
	h2.first-child {
    border-top: none;
	padding-top: 10px;
	}
		
	p.description {
    width: 95%;
    margin: 10px 0 10px 15px;
    height: auto;
	}
	
	#topnav1 {
    display: none;
	}
	
	.contactForm_container {
	width: 103%;
    height: 86px;
	}
      
.contactForm_container form {
    padding: 5px;
    }
    

form .contact-box {
    border-bottom: 5px;
    padding: 2px 0px 0px 6px;
    } 
    
    
    .contactForm_container input, .contactForm_container textarea {
    width: 100px;
    }  

.contactForm_container input[type='email'] {
    width: 115px;
}

p {
    font-size: 1.25em;
    line-height: 1.5em;
}

.phoneNumber {
	display: block;
    left: 0px;
    top: -65px;
}

}

/* Smartphones (landscape) ----------- */

@media only screen 
and (min-width : 321px) 
and (max-device-width: 414px) {
	.north {
    display: inline-block;
	margin-left: 16px;
	}
	
	#topnav1 {
    display: none;
	}
	
	.center {
    margin-top: 0px;
    margin-left: 20px;
    }
	
	.contactForm_container {
    width: 103%;
    height: 76px;
    position: relative;
    top: 33px;
    left: 0;
	}

	#ladda-mea {
    padding: 0;
    margin-top: -20px;
	}
	
	h1.access-tile {
	text-align: center;
	margin-top: 40px;
	}
	
	.main-access {
    width: 96%;
	margin-bottom: 40px;
	}
	
	.container-access {
    width: 100%;
	border: none;
	}
		
	h2.access-section-title {
    font-size: 2.2em;
    display: block;
    width: 100%;
    height: 4em;
    padding-top: 30px;
    border-top: 1px solid #dcdee2;
    border-bottom: 1px solid #dcdee2;
	}
	
	h2.first-child {
    border-top: none;
	padding-top: 10px;
	}
	
	p.description {
    width: 95%;
    margin: 10px 0 10px 15px;
    height: auto;
	}
      
	.contactForm_container form {
    padding: 5px;
    }

	form .contact-box {
    border-bottom: 5px;
    padding: 2px 0px 0px 6px;
    } 
    
    
    .contactForm_container input, .contactForm_container textarea {
    width: 100px;
    }  

	.contactForm_container input[type='email'] {
    width: 115px;
	}
	
	p {
    font-size: 1.25em;
    line-height: 1.5em;
	}

.phoneNumber {
	display: block;
    left: 0px;
    top: -65px;
}
	
	}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
.contactForm_container {
    width: 630px;
    height: 77px;
    top: 30px;
}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

.contactForm_container {
   width: 630px;
    height: 77px;
    top: 30px;
}


}




/* -------for ipad -----*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
/* --- top -----*/	
.north #topsearch {
  right: 20px;
  top: 0px;
  position: absolute;
  width: 240px;
  height: 32px;
}

.north {
height: 70px;
width: 130%;
}

#nav {
  /*width: 588px;*/
    top: 98px;
font-size: 1.3em;
}

#nav li .icon_nav img {
    display: none;
}

.phoneNumber {
    top: 0px;
    left: 3px;
}

.phoneNumber1 {
    top: 30px;
}

.viewer {
	margin-top: 25px;
}

.contactForm_container {
    left: 150px;
    top: 5px;
}


.contactForm_container label {
    letter-spacing: 0.02em;
    font-size: 0.9em;
    word-spacing: -1px;
}

.contactForm_container input, .contactForm_container textarea {
	letter-spacing: 0.02em;
    font-size: 0.9em;
    word-spacing: -1px;
}


.center form#contact-form {
	background: #88ccff;
	Height: 307px;
}


	.center {
    margin-left: 3px;
}

.phoneNumber {
    left: 46px;
}

.viewer {
    margin-left: 46px;
    overflow: visible;
}

.container-access {
margin-bottom: 20px;
}


h2.access-section-title {
	height: 60px;
	padding-top: 10px;
}

.container-img-box {
height: 155px;
margin-top: 0px;
}

p.description {
height: 160px;
}

.contactForm_container {
    Height: 69px;
}
	
	}
	
	


	
/*--------- for ipad landscape -----------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#nav {
    top: 98px;
	}

	}