html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

#active {
	color:#19a9e5;
	}
	
.border {
	background-color:white; 
	width:100%; 
	max-width:320px;
	border-radius:5px; 
	border:1px solid #d6d6d9;
	text-align:center;
	margin:auto;
	margin-bottom:15px;
	overflow: hidden;
	}
	
.border:hover {
	border:1px solid #388ccb;
	}
	
.border img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.border:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
	

#resourcesp p {
	color:white;
	font-size:24px;
	line-height:34px;
	}

#imagescale {
	width:auto;
	}
	
	#mobilephone {
	display:none;
	}
	
	#inslogosmobile {
	display:none;
	}
	
#casestudies p, #whitepapers p, #infographics p, #confess p {
	text-align:center;
	}
	

	
#features {
	 padding-left:10px; 
	 padding-right:10px; 
	 background-color:white; 
	 padding-bottom:0px;
	 padding-top:40px;
	 }
	

	
h1 {
	font-size:64px;
	line-height:64px;
	color:white;
	text-align:center;
	font-weight:800;
	padding-bottom:0px;
	}
	

#videos h2 {
	padding-bottom:0px;
	}
	

	
	 h2 {
		font-size: 45px;
		line-height: 46px;
		color:black;
		font-weight:300;
		padding-bottom:30px;
		}

h4 {
	font-size:24px;
	margin-top:0px;
	line-height:30px;
	font-weight:300;
	color:#1f1f1f;
	}

	
	
	
h6 {
	font-size:36px;
	line-height:29px;
	color:white;
	}
	

.navbar-inner {
	border-radius:0px;
	}
	

#casestudies, #whitepapers, #infographics, #confess, #videos {
	padding-top:70px;
	}
	
#videos {
	padding-bottom:80px;
	}

	
#casestudies h3, #whitepapers h3, #infographics h3, #confess h3 {
	font-size:38px;
	color:#191818;
	text-transform:uppercase;
	font-weight:800;
	padding-bottom:35px;
	}
	
h3 {
	font-size:28px;
	color:#191818;
	line-height:34px;
	font-weight:300;
	}
	
#casestudies img, #whitepapers img, #infographics img, #confess ing {
	width:100%
	}
	

.button {
	margin-top:40px;
	margin-bottom:80px;
	text-align:center;
	}

.button2 {
margin-top:50px;
}

.button a {
    color: #fff;
    font-weight: 800;
    border-radius: 7px;
    padding: 15px 25px;
    font-size: 18px;
	text-transform:uppercase;
	background:#19a9e5;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.button2 a {
    color: #fff;
    font-weight: 800;
    border-radius: 7px;
    padding: 15px 35px;
    font-size: 28px;
	text-transform:uppercase;
	background:#19a9e5;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.button a:hover, .button2 a:hover{
    background: #41c9bc;
}

 .button3 a{
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 28px;
    background: #27558e;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
	
}

 .button4 a{
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 28px;
    background: #f13490;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
	
}
.button4 a:hover{
    background: #1ba392;
}

#ipad {
		display:none;
		}


/* Responsive
-------------------------------------------------- */





#custom-sites {
	margin-top: 0px;
	padding-top:150px;
	padding-bottom:130px;
	background-color:black;
}

#custom-sites {
    background: url('https://s3.amazonaws.com/preview.contactability.com/contactability/img/resourcepattern.jpg') 0 0 repeat;
    -webkit-animation: animate_background 30s linear 0s infinite;
    -moz-animation: animate_background 30s linear 0s infinite;
    -o-animation: animate_background 30s linear 0s infinite;
    animation: animate_background 30s linear 0s infinite;
}

@-webkit-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -480px;
    } 
}
@-moz-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -480px;
    } 
}
@-o-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -480px;
    } 
}
@keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -480px;
    } 
}




@media (min-width: 200px) and (max-width: 550px) {

#custom-sites {
	margin-top: 0px;
	padding-top:30px;
	padding-bottom:0px;
	padding-left:30px;
	background: url(../img/resourcessmall.jpg) no-repeat fixed; 
	background-position:top;
	background-size:cover;
	background-color:black;
}


}
@media (min-width: 980px) {


	
}
@media (max-width: 979px) {

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	
	
	#mobilephone {
	display:block;
	font-size:48px;
	margin-bottom:130px;
	}

		

		
		#features .option1 .feature .info h3 img  {
	margin-right:3px;
	}
	
			#featureh3 h3 {
	font-size:36px;
	}
	


}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {	

    #features {
		padding-top:20px;
		}
		
	#resourcesp {	
	max-width: 700px;
	}
	
#custom-sites {
	padding-left:10px;
	padding-right:10px;
	}
	
	h1 {
		text-align:center;
		}
		
	
	
	#ipad {
		display:block;
		}
		
	.button {
		margin-top:40px;
		}
		
	.button2 {
		margin-bottom:40px;
		margin-top:40px;
		}
	
	#mobilephone {
	display:block;
	font-size:48px;
	margin-bottom:130px;
	}
	
	#features {
		padding-bottom:20px;
		}
		

		
	h4 {
		font-size:18px;
		line-height:24px;
		}
		
	.button3 a {
		font-size:20px;
		}
		
	#price h3 {
		font-size:35px;
		padding-left:15px;
		padding-right:15px;
		}
		
	#price h4 {
		font-size:22px;
		}

	
		h6 {
		font-size:30px;
		}

	
	.navbar-inverse .brand {
	width:60%;
	
	}
	
	#custom-sites {
	padding-top:40px;
	}
	


#custom-sites p {
	text-align:center;
	}
	
h6 {
text-align:center;
}

#features h6 {
	text-align:left;
	}
	
#features .option2 .feature {
	margin-bottom: 15px;
}



#features h3 { text-align:center; padding-top:10px; padding-bottom:10px;}

h6 {text-align:center;}


.section_header {
	margin-bottom:20px;}

		#featureh3 h3 {
	font-size:36px;
	}


		
	.pull-right {
		float:none;
		}
		

		
	#features img {
		margin-top:0px;
		margin-bottom:0px;
		}
		
	#features .option1 .feature {
		margin-top:25px;
		margin-bottom:25px;
		}


		
				#features .option1 .feature .info h3 {
		font-size:16px;
}

#features .option1 .feature .info h3 img  {
	margin-right:3px;
	}
	
	.feature {
	margin-bottom: 40px;
	margin-top:30px;
}
	
}
/* Landscape phones and down */
@media (max-width: 480px) {

#ipad {
	display:none;
	}
	
h4 {
	margin-top:10px;
	}
	
#whitepapers img, #infographics img, #confess img, #videos img {
	width:60%;
	}
	
#casestudies, #whitepapers, #infographics, #confess {
	text-align:center;
	}
	


	
h1 {
	font-size:28px;
	line-height:40px;
	}
	
h2 {
	font-size:24px;
	padding-bottom:15px;
	line-height:30px;
	}
	
.button a {
	font-size:18px;
	}
	
.button2 a {
	font-size:16px;
	}
	
.button2 {
	margin-top:40px;
	}
	
.button4 a {
	font-size:16px;
	}
	
#custom-sites {
	padding-top:20px;
	padding-right:20px;
	}

		
	#footer a {
		font-size:13px;
		}
	

	
#imagescale {
	width:100%;
	}
	
#mobilephone {
	display:block;
	font-size:32px;
	margin-bottom:130px;
	}
	
	
	
	#casestudies, #whitepapers, #infographics, #confess {
		padding-top:20px;
		}
	
	.navbar-inverse .brand {
	width:60%;
	padding-left:20px;
	padding-top:5px;}
	

	#footer {
		margin-top:20px;
		}
	
		h6 {
		font-size:24px;
		}
	
	#custom-sites h3 {
		font-size:36px;
		line-height:36px;
		}
		


#features h3 {
	font-size:18px;
	line-height:28px;
	}
	
	.span6 {
		text-align:left;
		}
		
.button {
	margin-bottom:40px;
	}
	
#videos {
	padding-left:10px;
	padding-right:10px;
	}
	
#videos p {
	text-align:center;
	}
		
				
	
.section_header {
	margin-bottom:20px;
	}
	
#features .option3 .feature {
	margin-bottom:20px;
	}
	

#casestudies h3, #whitepapers h3, #infographics h3, #confess h3 {
	text-align:center;
	font-size:24px;
	line-height:29px;
	padding-bottom:20px;}

}