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

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
	}

#active {
	color:#19a9e5;
	}
	
#price2 {
	background-color:#1e3046;
	height:403px;
	}
	
#price2 {
    background: url('https://s3.amazonaws.com/preview.contactability.com/contactability/img/aboutcollage2.jpg') 0 0 repeat;
    -webkit-animation: animate_background 35s linear 0s infinite;
    -moz-animation: animate_background 35s linear 0s infinite;
    -o-animation: animate_background 35s linear 0s infinite;
    animation: animate_background 35s linear 0s infinite;
}
	
#price {
	background-color:#1e3046;
	height:403px;
	}
	
#price {
    background: url('https://s3.amazonaws.com/preview.contactability.com/contactability/img/aboutcollage.jpg') 0 0 repeat;
    -webkit-animation: animate_background 35s linear 0s infinite;
    -moz-animation: animate_background 35s linear 0s infinite;
    -o-animation: animate_background 35s linear 0s infinite;
    animation: animate_background 35s linear 0s infinite;
}

@-webkit-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: -1308px 0;
    } 
}
@-moz-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: -1308px 0;
    } 
}
@-o-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: -1308px 0;
    } 
}
@keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: -1308px 0;
    } 
}
	
#domains ul li {
	font-size:17px;
	line-height:26px;
	padding-bottom:15px;
	list-style-image:url("../img/check.jpg");
	}
	
#domains ul {
	margin-top:0px;
	}
	
#benefits img, #types img, #connect img {
	width:100%;
	}
	
#domains {
	padding:75px 10px 600px;
	background-image:url("https://s3.amazonaws.com/preview.contactability.com/contactability/img/sf-about.png");
	background-repeat:no-repeat;
	background-position: center bottom;
	}
	
#mission {
	 text-align:center;
	 font-size:30px;
	 color:#1ba392;
	 margin-top:45px;
	 line-height:40px;
	 margin-bottom:40px;
	 }
	
	
#resourcesp {
	padding-bottom:10px;
	text-align:center;
	}
	
#resourcesp p {
	color:white;
	}
	
#experts a {
	color:White;
	}

#imagescale {
	width:auto;
	}
	
	#mobilephone {
	display:none;
	}
	
	#inslogosmobile {
	display:none;
	}
	
#howitworks p, #benefits p, #types p {
	text-align:center;
	}
	
#types {
	text-align:center;
	background-color:#f2f2f3;
	}
	
#features {
	 padding-left:10px; 
	 padding-right:10px; 
	 background-color:white; 
	 padding-bottom:75px;
	 padding-top:75px;

	 }
	 
	#features2 {
		padding-top:75px;
		padding-bottom:75px;
		}
	
#types p {
	margin-top:20px;
	}
	
#testimonial2 {
	background-color:#f13490;
	padding-top:40px;
	padding-bottom:40px;
	background: url(../img/testimonial.jpg) no-repeat fixed; 
	background-position:center;
	background-size:cover;
	}
	
#testimonial {
	background-color:#1e3046;
	padding-top:75px;
	padding-bottom:75px;
	}
	
#testimonial p, #testimonial2 p {
	color:white;
	font-size:17px;
	line-height:35px;
	text-align:center
	}
	
#testimonial h2 {
color:white;
font-size:38px;
}
	
h1 {
	font-size:63px;
	line-height:63px;
	color:white;
	text-align:center;
	font-weight:800;
	padding-bottom:10px;
	}
	
#resourcesp p {
	font-size:30px;
	line-height:39px;
	}
	
#pink h1 {
	font-size:38px;
	font-weight:800;
	line-height:42px;
	}
	
#samplelead ul li {
	font-size:17px;
	padding-bottom:20px;
	line-height:26px;
	list-style-image:url(../img/check.jpg);
	}
	
#samplelead li {
	padding:0px;
	margin:0px;
	margin-left:15px;
	}
	
#samplelead {
padding-left:10px; 
padding-right:10px; 
background-color:white; 
padding-bottom:50px; 
padding-top:50px;
}
	
#pink h2 {
	font-size:30px;
	font-weight:normal;
	line-height:38px;
	color:#0d0d0d; 
	padding-bottom:0px;
	}
	
#green h1 {
	font-size:38px;
	font-weight:800;
	line-height:42px;
	}
	
#green h2 {
	font-size:30px;
	font-weight:normal;
	line-height:38px;
	color:#0d0d0d; 
	padding-bottom:0px;
	}
	


	
	
#pink p, #green p {
	color:white;
	padding-bottom:50px;
	}
	

	
	
	
#pink p, #green p{
	color:white;
	padding-bottom:50px;
	}
	
	 h2 {
		font-size: 38px;
		line-height: 46px;
		color:#181818;
		font-weight:300;
		padding-bottom:30px;
		}

h4 {
	font-size:28px;
	margin-top:30px;
	line-height:30px;
	font-weight:300;
	color:#2f8dd6;
	text-align:center;
	}
	
#connect a:hover { opacity: 0.5; }
	
#benefits h4 {
	font-size:24px;
	margin-top:20px;
	line-height:25px;
	font-weight:800;
	color:#0d0d0d;
	text-transform:uppercase;
	text-align:center;
	}
	
#types h4 {
	font-size:24px;
	margin-top:10px;
	line-height:30px;
	font-weight:800;
	color:#0d0d0d;
	text-transform:uppercase;
	text-align:center;
	}
	
h6 {
	font-size:36px;
	line-height:29px;
	color:white;
	}
	
h5 {
	color:white;
	text-transform:uppercase;
	font-size:48px;
	text-align:center;
	margin-top:30px;
	margin-bottom:25px;
	}
	

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

#howitworks, #benefits, #types {
	padding-top:75px;
	}

	
#howitworks h3 {
	font-size:38px;
	color:#191818;
	text-transform:uppercase;
	font-weight:800;
	padding-bottom:35px;
	}
	
#types h3 {
	font-size:38px;
	color:#181818;
	font-weight:300;
	padding-bottom:35px;
	}
	
#partners h3 {
	font-size:38px;
	color:#f13490;
	text-transform:uppercase;
	font-weight:800;
	padding-bottom:15px;
	}
	
#partners {
	margin-top:50px;
	margin-bottom:50px;
	}
	
#connect {
	background-color:#27558e;
	padding-top:50px;
	padding-bottom:60px;
	}
	
#connect h3 {
	font-size:38px;
	color:white;
	text-transform:uppercase;
	font-weight:800;
	padding-bottom:40px;
	}
	
#howitworks img {
	width:100%
	}
	
#benefits h3 {
	font-size:38px;
	color:#181818;
	text-transform:uppercase;
	font-weight:800;
	padding-bottom:35px;
	}
	
	
	
#visible, #visible2, #visible3, #visible4, #visible5, #visible6, #visible7, #visible8, #visible9, #visible10, #visible11, #visible12 {
visibility:hidden;
}

.button {
	margin-top:50px;
	text-align:center;
	}

 .button 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;
}
.button a:hover{
    background: #1ba392;
}

	.button2 {
		margin-top:60px;
		}

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

 .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 {
       color: #fff;
    font-weight: 300;
    border-radius: 7px;
	border-bottom:6px solid #2b7ab8;
    padding: 15px 35px;
    font-size: 24px;
	background:#2f8dd6;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
.button4 a:hover{
    background: #2475b4;
	border-bottom:6px solid #1b629a;
}

.button4 {
	margin-top:50px;
	margin-bottom:40px;
	text-align:center;
	}


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

.button5 {
	text-align:center;
	margin-top:60px;
	margin-bottom:60px;
	}

#ipad {
		display:none;
		}


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

@media (min-width: 1600px) {

#custom-sites {
	margin-top: 0px;
	padding-top:190px;
	padding-bottom:200px;
	
}

}

@media (min-width: 1400px) and (max-width: 1600px) {

#custom-sites {
	margin-top: 0px;
	padding-top:190px;
	padding-bottom:200px;
}

}

@media (min-width: 1280px) and (max-width: 1400px) {

#custom-sites {
	margin-top: 0px;
	padding-top:190px;
	padding-bottom:200px;
	
}

}

@media (min-width: 970px) and (max-width: 1280px) {

#custom-sites {
	margin-top: 0px;
	padding-top:190px;
	padding-bottom:200px;
	
}


}



@media (max-width: 768px) {


#domains {
	background-image:none;
	padding-bottom:75px;
	}


}

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

		#privacy {
	padding-top:200px;
	}
	
	#form{
		display:none;
		}
		

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

		.button5 a {
			font-size:18px;
			}

		
		#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;
		}
		
				#domains{
	background:none;
	}
		
		#pink {
	background-image:none;
	}
	
	#resourcesp {	
	max-width: 700px;
	text-align:center;
	}
	
	#custom-sites p {
		text-align:center;
		}
	
	#ipad {
		display:block;
		}
		
	.button {
		margin-top:20px;
		}
		
	.button2 {
		margin-bottom:40px;
		margin-top:40px;
		}
	
	#mobilephone {
	display:block;
	font-size:48px;
	margin-bottom:130px;
	}
	
	#features {
		padding-bottom:75px;
		padding-top:75px;
		background-size:200%;
		background-repeat:no-repeat;
		}
		
	#testimonial {
	padding-top:40px;
	padding-bottom:40px;
	background-position:center;
	}
	
	#testimonial2 {
	background-color:#f13490;
	padding-top:40px;
	padding-bottom:40px;
	background: url(../img/testimonial2.jpg) no-repeat ; 
	background-position:center;
	}
		
	#testimonial p, #testimonial2 p {
		font-size:17px;
		line-height:35px;
		}
		
	#benefits h3 {
		font-size:35px;
		}
		
	h4 {
		font-size:24px;
		line-height:30px;
		}
		
	.button3 a {
		font-size:20px;
		}
		

	
		h6 {
		font-size:30px;
		}

	
	.navbar-inverse .brand {
	width:60%;
	
	}
	
	#types h3 {
		font-size:38px;
		line-height:46px;
		padding-left:20px;
		padding-right:20px;
		}
		
	#connect h3 {
		font-size:24px;
		line-height:29px;
		}
		
	#connect .span4 {
		text-align:center;
		padding-bottom:15px;
		}
	
	#custom-sites {
	padding-top:40px;
	}
	
h5 {
	font-size:24px;
	}
	
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;
	}
	
#resourcesp p {
	font-size:24px;
	line-height:30px;
	}
	
	
#samplelead ul {
	margin-top:25px;
	}
	
#experts {
	font-size:24px;
	line-height:26px;
	}
	
h4 {
	margin-top:10px;
	}
	
#howitworks img {
	width:60%;
	}
	
#howitworks {
	text-align:center;
	}
	
#testimonial p, #testimonial2 p {
	font-size:17px;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
	}
	
#benefits h3 {
	font-size:24px;
	line-height:29px;
	padding-bottom:20px;
	}
	
#benefits h4 {
	margin-top:10px;
	}
	
#green {
	padding-left:10px;
	padding-right:10px;
	}
	
#pink {
	background-image:none;
	}
	
#pink h1, #pink h2, #green h1, #green h2 {
	font-size:24px;
	line-height:30px;
	}
	
h1 {
	font-size:28px;
	line-height:32px;
	}
	
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;
	padding-left:20px;
	background-color:#2f8dd6;
	}
	
#features, #domains, #testimonial, #features2 {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	}
	
#types h3 {
	font-size:24px;
	line-height:30px;
	}
	
#testimonial h2 {
	font-size:24px;
	line-height:30px;
	}
	
#features img {
	width:100%
	}
	
	.testimonial {
		font-size:17px;
		}
		

		
	#footer a {
		font-size:13px;
		}
	
#pink {
	padding-left:10px;
	padding-right:10px;
	}
	

	
#imagescale {
	width:100%;
	}
	
#mobilephone {
	display:block;
	font-size:32px;
	margin-bottom:130px;
	}
	
	#inslogos {
	display:none;
	}
	
	#inslogosmobile {
	display:block !important
	}
	
	#privacy {
	padding-top:50px;
	}
	
	#howitworks, #benefits, #types {
		padding-top:20px;
		}
	
	.navbar-inverse .brand {
	width:60%;
	padding-left:20px;
	padding-top:5px;}
	


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

		


#features h3 {
	font-size:18px;
	line-height:33px;
	}
	
	.span6 {
		text-align:left;
		}
		
				
	
.section_header {
	margin-bottom:20px;
	}
	
#features .option3 .feature {
	margin-bottom:20px;
	}
	

#howitworks h3 {
	text-align:center;
	font-size:24px;
	line-height:29px;
	padding-bottom:20px;}

}