html{
	overflow-X:hidden;
	
}
body{
	padding:0px;
	margin:0px;
	font-family: 'Montserrat', sans-serif;
}
/* header */
.header{
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background:#24292E !important;
	}
.brand{
	 color:white;
	 font-size:35px;
}
.navigation{
	border:none !important;
}
.navigation-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
nav .collapse ul li{
	font-size:14px !important;
	margin-right:0px !important;
}
nav .collapse ul li a{
	color:white !important;
}
nav .collapse ul li a:hover{
	color:grey !important;
	transition:0.3s;
}
.drop{

}
nav .collapse ul li .drop .drop-items{
	color:grey !important;
	font-weight:normal !important;
	font-size:13px !important;
	margin-bottom:5px !important;
}
nav .collapse ul li .drop .drop-items:hover{
	color:blue !important;
	transition:0.2px !important;
	background:none !important;
}
nav .collapse ul li .drop .features{
	color:black !important;
}
.drop2{
	margin-left:0px;
}
.search-input{
	background-color:#404448;
	border:none;
}
.sign{
	margin-left:0px;
	font-size:14px;
	color:white;
	border:1px solid white;
}
.sign:hover{
	background:none;
	border:1px solid white;
	color:grey;
}
.sign-in{
	border:none;
}
.sign-in:hover{
	border:none;
}
.header-cover{
	background:url("../images/simple-codelines.svg"),#2b3137;
	background-position:top;
	background-size:cover;
	padding-bottom:55px;
}
.header-division2{
	margin-top:150px;
	padding-left:50px;
}
.header-title{
	color:white;
	font-size:62px;
	letter-spacing:1.3px;
}
.developer{
	display:block;
}
.header-paragraph{
	color:grey;
	font-size:20px;
	line-height:32px;
}
.open{
	color:white;
	border-bottom:1px solid grey;
	cursor:pointer;
}

.header-division3{
	background-color:#FAFBFC;
	margin-top:80px;
	border-radius:10px;
	margin-left:50px;
}
.form{
	margin-top:20px;
}
.form-labels{
	color:black;
	font-size:14px;
	margin-left:10px;
	margin-top:20px;
}
.inputs{
	border:1px solid rgba(128,128,128,0.2);
	border-radius:5px;
	padding-right:51%;
	padding-bottom:6px;
	padding-top:6px;
	margin-left:10px;
	background-color:#FAFBFC;
}
.form-paragraph{
	font-size:12px;
	color:grey;
	margin-left:10px;
	margin-top:10px;
}
.signup-git{
	color:white;
	background-color:#2EBC4F;
	border:none;
	border-radius:5px;
	padding:23px 30%;
	margin-left:15px;
	margin-bottom:30px;
}
.signup-git:hover{
	background-color:#28A745;
	transition:0.3s;
}
.form-footer{
	color:grey;
	font-size:12px;
	margin-left:15px;
	margin-bottom:30px;
}
/*Main*/
.svg{
	margin-bottom:-15px;
}
.main1{
	background-color:#FAFBFC;
	height:450px;
}
.main1-division{
	background-color:white;
	border-radius:10px;
	margin-left:125px;
	margin-right:100px;
	padding:30px;
	box-shadow:5px 10px 10px grey;
	padding-bottom:100px;
	padding-top:50px;
}
.main1-head{
	font-size:32px;
	margin-top:30px;
}
.main1-p{
	color:#6A7179;
	letter-spacing:1px;
	font-size:17px;
}
.main1-division2{
	padding-left:60px;
	text-align:center;
}

.main1-division2-paragraph{
	color:#6A7179;
	font-size:14px;
}
.main1-division2-2{
	margin-top:3px;
}
.main1-button{
	border:none;
	background-color:#1074e7;
	padding:15px 20px;
	color:white;
	border-radius:5px;
}
.main1-button:hover{
	background-color:#0366D6;
	transition:0.3s;
}
.main1-button2{
	border:none;
	padding:15px 20px;
	border-radius:5px;
	background:transparent;
	border:1px solid #1074e7;
	color:#1074e7;
}
.hvr-sweep-to-top:before{
	background-color:#1074e7;
	border-radius:2px;
}
.main-section2{
	background:url("../images/vectorpaint.svg"),#044289;
	color:white;
	border-radius:5px;
	border-radius:10px;
	margin-left:130px;
	margin-right:100px;
	margin-top:200px;
	padding:40px;
}
.new{
	color:#1A754A;
	border:1px solid #1A754A;
	border-radius:12px;
	padding:4px;
	font-size:15px;

}
.main-section2-head{
	font-size:26px;
}
.main-section2-paragraph{
	font-size:15px;
}
.main-section2-button{
	border:none;
	background-color:#1074e7;
	padding:15px 20%;
	color:white;
	border-radius:5px;
	margin-top:20px;
}
.main-section2-button:hover{
	background-color:#0366D6;
	transition:0.3s;
}
.millions{
	color:rgba(128,128,128,1);
	margin-top:100px;
	font-size:20px;
}
.icons{
	width:50px;
	filter:grayscale(100%);
	margin-top:30px;
}
.airbnb{
	width:85px;
}
.google{
	width:30px;
}
.paypal{
	width:93px;
}
.bloomberg{
	width:90px;
}
.spotify{
	width:90px;
	margin-left:30px;
}
.bird{
	width:35px;
	margin-left:30px;
}
.facebook{
	width:30px;
	margin-left:30px;
}
.node{
	width:85px;
	margin-left:30px;
}
.nasa{
	margin-left:30px;
}
.walmart{
	width:90px;
	margin-left:30px;
}
.main3{
	margin-top:140px;
}
.teams{
	color:rgba(128,128,128,1)
}
.main3-head{
	margin-top:20px;
	font-size:42px;
	color:black;
	letter-spacing:1.2px;
}
.main3-p{
	font-size:18px;
	color:rgba(128,128,128,1);
}
.main3-button{
	border:none;
	padding:15px 40px;
	border-radius:5px;
	background:transparent;
	border:1px solid #1074e7;
	color:#1074e7;
	margin-top:20px;
}
.main4{
	margin-top:150px;
	margin-left:150px;
}
.main4-paragraphs{
	padding:40px;
	cursor:pointer;
}
.better-code{
	font-size:20px;
	letter-spacing:1px;
}
.main4-p{
	font-size:13.5px;
	color:rgba(128,128,128,1);
}
.main5{
	margin-top:120px;
}
.main6{
	margin-left:80px;
	margin-right:80px;
}
.figure{
	background-color:white;
	box-shadow:2px 5px 5px grey;
	margin-top:50px;
	border-radius:10px;
	cursor:pointer;
	padding:15px;
	position:relative;
}

.arrows{
	position:absolute;
	right:12px;
	top:10px;
	color:white;
	border:2px solid black;
	padding:5px;
}
.arrows-span{
	background-color:#0366D6;
	padding:25px;
	position:absolute;
	right:35px;
	top:30px;
	border-radius:5px;
	display:none;
}
.caption-head{
	color:black;
	font-size:16px;
	margin-top:5px;
}
.main7{
	margin-top:70px;
}
.main7-paragraphs{
	margin-left:80px;
	margin-top:50px;
}
.main7-picture{
	width:90%;
	margin-top:100px;
}
.main8{
	border:1px solid rgba(128,128,128,0.3);
	cursor:pointer;
	padding:25px 40px;
	margin-top:100px;
}
.main8-head{
	font-size:20px;
}
.main8-paragraph{
	font-size:14px;
}
.main9{
	margin-top:250px;
}
.main9-head{
	font-size:46px;
}
.main9-p{
	font-size:20px;
}
.main10{
	margin-top:120px;
}
.icons2{
	width:90px;
	padding:10px;
	border-radius:50px;
}
.slack{
	background-color:#4A154B;
}
.zen{
	background-color:#364E98;
	margin-top:60px;
}
.travis{
	background-color:#EFF9F9;
}
.atom{
	background-color:#5FB57D;
	margin-top:60px;
}
.circle{
	background-color:#022531;
}
.google2{
	background-color:#F2F2F2;
	margin-top:60px;
}
.codeclimate{
	background-color:#303030;
}
.main10-span{
	margin-top:150px;
}
.main10-p{
	margin-bottom:10px;
	font-size:14px;
	color:rgba(128,128,128,0.9);
}
.figure2{
	background-color:white;
	box-shadow:2px 5px 5px grey;
	margin-top:50px;
	border-radius:10px;
	cursor:pointer;
	padding:20px;
	position:relative;
	margin:15px;
	font-size:82%;
}
.rover{
	margin-top:40px;
}
.main11{
	background-color:#24292E;
	padding-bottom:20px;
	padding-top:50px;
	margin-top:50px;
}
.main11-p{
	color:white;
	font-size:30px;
}
.main11-forms{
	margin-left:30px;
	margin-top:100px;
}
.footer-labels{
	color:white;
	font-size:15px;
}
.footer-inputs{
	border:none;
	border-radius:5px;
	width:90%;
	padding-bottom:8px;
	padding-top:8px;
}
.footer-button{
	color:white;
	background-color:#2EBC4F;
	border:none;
	border-radius:5px;
	width:90%;
	margin-top:30px;
	padding-bottom:12px;
	padding-top:12px;
}
.footer-button:hover{
	background-color:#28A745;
	transition:0.3s;
}
.main11-p2{
	margin-top:40px;
	font-size:13px;
}
.main11-links{
	color:white;
}
.main11-links:hover{
	color:white
}
.main12{
	margin-top:70px;
	margin-left:5%;
	margin-right:50px;
	font-size:80%;
	margin-bottom:20px;
}
.footer-a{
	margin-bottom:10px;
	color:rgba(128,128,128,0.9);
	display:block;
}
.footer-span{
	color:rgba(128,128,128,0.9);
}
.footer-a2{
	color:rgba(128,128,128,0.9);
	margin-left:10px;
}
.icons-margin{
	padding-left:9%;
}
.footer-icons{
	font-size:20px;
	color:rgba(128,128,128,0.9);
	margin-left:20px;
	cursor:pointer;
}
@media (max-width: 575.98px) { 
	.drop{
		margin-left:0px;
		}
		.header-division3{
			display:none;
		}
		.header-division2{
		text-align:center;
		padding-left:0px;		
		}
		.svg{
		display:none;
		}
		.main1{
			padding-top:40px;
			height:700px;
		}
		.main1-division{
		margin-left:20px;
		margin-right:20px;
		}
		.main1-head{
		text-align:center;	
		}
		.main1-p{
		text-align:center;
		}
		.main1-division2{
		padding-left:10px;
		text-align:center;
		}
		.main1-division2-2{
		margin-top:30px;
		}
		.main-section2{
		text-align:center;
		margin-left:20px;
		margin-right:20px;
		padding:50px;
		margin-top:200px;
		}
		.main-section2-head{
			margin-top:20px;
		}
		.icons-section{
			display:none;
		}
		.main3{
			margin-top:100px;
		}
		.main4-division2{
			margin-top:60px;
		}
		.team-svg{
			width:450px;
			margin-left:40px;
		}
		.main4{
			margin-left:0px;
			text-align:center;
		}
		.main4-paragraphs{
			margin-top:20px;
			padding:15px;
			margin-right:10px;
			text-align:center;
		}	
		.main8{
			margin-left:10px;
			padding:15px;
			margin-right:10px;
		}
		.zen{
			margin-top:0px;
		}
		.atom{
			margin-top:0px;
		}
		.circle{
			margin-top:40px;
			margin-left:70px;
		}
		.google2{
			margin-top:40px;
			margin-left:30px;
		}
		.codeclimate{
			margin-top:40px;
		}
		.main10-span{
			margin-top:100px;
		}
		.footer-labels{
			margin-top:25px;
		}
		.main11-forms{
			margin-left:60px;
		}
		.main12{
			margin-left:30px;
			margin-right:30px;
		}
		.footer-p2{
			margin-top:25px;
		}
		.icons-margin{
		padding-left:0;
		margin-bottom:20px;
		}
		.header{
			padding-left:10px;
		}
 }
 

@media (min-width: 576px) and (max-width: 767.98px) { 
		.drop{
		margin-left:0px;
		}
		.header-division2{
		text-align:center;
		padding-left:0px;		
		}
		.svg{
		display:none;
		}
		.main1{
			padding-top:40px;
			height:630px;
		}
		.main1-division{
		margin-left:20px;
		margin-right:20px;
		padding-top:40px;
		
		}
		.header-division3{
		width:90%;
		margin-left:0px;
		}
		.main1-head{
		text-align:center;	
		}
		.main1-p{
		text-align:center;
		}
		.main1-division2{
		padding-left:10px;
		text-align:center;
		}
		.main1-division2-2{
		margin-top:30px;
		}
		.main-section2{
		text-align:center;
		margin-left:20px;
		margin-right:20px;
		}
		.main-section2-head{
			margin-top:20px;
		}
		.icons-section{
			display:none;
		}
		.team-svg{
			width:450px;
			margin-left:45px;
		}
		.main4{
			margin-left:0px;
			text-align:center;
		}
		.main4-paragraphs{
			margin-top:20px;
			padding:15px;
			margin-right:10px;
			text-align:center;
		}
		.main7-picture{
			width:100%;
		}
		.main8{
			margin-left:10px;
			padding:15px;
			margin-right:10px;
		}
		.zen{
			margin-top:0px;
		}
		.atom{
			margin-top:0px;
		}
		.circle{
			margin-top:40px;
			margin-left:70px;
		}
		.google2{
			margin-top:40px;
			margin-left:30px;
		}
		.codeclimate{
			margin-top:40px;
		}
		.main10-span{
			margin-top:100px;
		}
		.block{
			display:block;
		}
		.footer-labels{
			margin-top:25px;
		}
		.main11-forms{
			margin-left:100px;
		}
		.main12{
			margin-left:30px;
			margin-right:30px;
		}
		.footer-p2{
			margin-top:25px;
		}
		.icons-margin{
		padding-left:0;
		margin-bottom:20px;
		}
		.header{
			padding-left:10px;
		}
 }

@media (min-width: 768px) and (max-width: 991.98px) {
		
		.drop{
			margin-left:0px;
		}
		.signup-git{
			padding:23px 28.5%;
		}
		.header-division2{
			text-align:center;	
		}
		.header-division3{
			width:70%;
			margin-left:130px;
		}
		.svg{
			display:none;
		}
		.main1{
			padding-top:40px;
			height:550px;
		}
		.main1-head{
			text-align:center;	
		}
		.main1-p{
			text-align:center;
		}
		.main1-division{
			margin-left:50px;
			margin-right:50px;
			padding-top:40px;
		}
		.main1-division2-2{
			margin-top:10px;
		}
		.main-section2{
			text-align:center;
			margin-left:30px;
			margin-right:30px;
			padding:20px;
		}
		.main-section2-button{
			margin-top:5px;
		}
		.main-section2{
			margin-left:40px;
			margin-right:50px;
		}
		.main-section2-head{
			margin-top:20px;
		}
		.paypal{
			margin-left:30px;
		}
		.bloomberg{
			margin-left:30px;
		}
		.facebook{
			margin-left:60px;
		}
		.node{
			margin-left:60px;
		}
		.nasa{
			margin-left:60px;
		}
		.walmart{
			margin-left:60px;
		}
		.main4{
			margin-left:0px;
		}
		.team-svg{
			width:450px;
		}
		.main4{
			margin-left:20px;
			text-align:center;
		}
		.main4-paragraphs{
			margin-left:5px;
			padding:0px;
			margin-top:50px;
		}
		.team-svg{
			width:450px;
			margin-left:40px;
		}
		.main4{
			margin-left:0px;
			text-align:center;
		}
		.main4-paragraphs{
			margin-top:20px;
			padding:15px;
			margin-right:10px;
			text-align:center;
		}
		.main7-picture{
			width:100%;
		}
		.zen{
			margin-top:0px;
		}
		.atom{
			margin-top:0px;
		}
		.circle{
			margin-top:40px;
			margin-left:70px;
		}
		.google2{
			margin-top:40px;
			margin-left:30px;
		}
		.codeclimate{
			margin-top:40px;
		}
		.block{
			display:block;
		}
		.figure2{
			width:50%;
			margin-left:160px;
		}
		.footer-labels{
			margin-top:25px;
		}
		.main11-forms{
			margin-left:150px;
		}
		.main12{
			margin-left:30px;
			margin-right:30px;
		}
		.footer-p2{
			margin-top:25px;
		}
		.icons-margin{
		padding-left:0;
		margin-bottom:20px;
		}
		.header{
			padding-left:10px;
		}
	}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.drop{
	margin-left:0px;
	}
	.inputs{
	padding-right:43%;
	}
	.signup-git{
	padding:23px 27%;
	}
	.svg{
	padding-right:40px;
	margin-bottom:-15px;
	}
	.main1-division{
	margin-left:50px;
	margin-right:50px;
	}
	.main1-division2-2{
	margin-top:25px;
	}
	.main-section2{
	margin-left:40px;
	margin-right:50px;
	}
	.main4{
	margin-left:0px;
		}
	.main6{
	margin-left:30px;
	margin-right:30px;
	}
	.main7-picture{
	width:100%;
	}
	.figure{
	height:300px;
	}
 }

@media (min-width: 1200px) { 
		.header{
	padding-left:80px;
	padding-right:80px;
	}
	nav .collapse ul li{
	font-size:14px !important;
	margin-right:5px !important;
	}
	.sign{
	margin-left:15px;
	}
 }