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

/* === Responsive === */

/* #Medium desktop screens
================================================== */

    /* Note: Design for a width of 1600px */

    @media only screen and (max-width: 1599px) {

		

    }

/* #Small laptop screens
================================================== */

    /* Note: Design for a width of 970px */

    @media only screen and (max-width: 969px) {
	
		section.section4 .arrow-container{
		
			display:none;
		
		}
		

		.client-img img{
		
			display:block;
			margin:0 auto;
		
		}
		
		.staff{
		
			margin-bottom:40px;
		
		}
		
		.staff-header{
		
			margin-left: 0px;
			padding: 10px;
		
		}
		
		section.section8 article.item{
		
			width:48%;
			margin:10px 2% 10px 0;
		
		
		}
		
		div.img img{
		
			margin:0 0 20px;
		
		}
		
		#masonry div.img img{
		
			margin:0;
		
		}
		
		#portfolio-content.open{
		
			max-height:1200px;
		
		}
		
		.btn{
		
			margin-bottom:10px !important;
		
		}
		
		h1{
		
			font-size:70px;
		
		}
		
		h2{
			padding-top:10px;
			font-size:30px;
		
		}
		
		section.section9 button, section.section7 button, section.section5 button, section.section3 button, section.section1 button{
		
			font-size:26px;
		
		}
		
		section.section1 h1{
				margin:0px 10px 0px;
			font-size:28px;
		
		}
		
		section.section1 h2{

	color:#bebebe;
	font-size:22px;

}
		#portfolio{
		
			min-height:inherit;
		
		}

    }


/*  #Tablets and small screens
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (max-width: 767px) {
        
    	section.section8 article.item{
		
			width:100%;
			margin:10px 0 10px 0;
		
		}
		
		.fb-like{
		
			top:5px;
		
		}
		
		#portfolio-content.open{
		
			max-height:1500px;
		
		}

    }


/* #Mobile phones
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (max-width: 479px){
        

		div.social-icons {
		
			display: block;
			left: 0;
			top:10px;
			margin-bottom: 20px;
			position: relative;
			
		}
		
		.fb-like, .tw-follow{
		
			position:relative !important;
			padding:0;
			margin:0px 0 20px;
			right:none;
			left:0;
		
		}
		
		#portfolio-content.open{
		
			max-height:2000px;
		
		}

    }