body, html {
	-webkit-appearance: none;
	color:#000;
	font-size:16px;
	padding:0px; 
	margin:0px;
	font-family: 'Nunito', sans-serif;;
	font-weight: normal;
	background:white;
	font-style: normal;
}
.logocontainer img {
	width:200px;
}




.slider {
	background:url(/img/back.png);
	background-size:cover;
	padding-top:67px;
}

.slider .menu {
	padding:20px 0 0 0px;
	margin:0px;
	list-style-type:none;

}
.slider .menu li {
	display:inline-block;
	margin-right:30px;	
}
.slider .menu li a {
	color: #fff;
	font-weight:700;
	font-size:18px;
	text-decoration:none;
}

.slider .big-text {
	margin-top:20vh;
	color: #fff;
	font-weight:700;
	font-size:80px;
	text-decoration:none;
	line-height:65px;
}
.slider .small-text {
	margin-bottom:30vh;
	margin-top:5vh;
	color: #fff;
	font-size:24px;
	text-decoration:none;
}

.about {
	padding:80px 0px
}
.bubble {
	font-size:18px;
	border-radius:30px;
	font-weight:bold;
	background:#003add;
	padding:20px;
	color:#fff;
}
.robot {
	display:block;
	max-width:422px;
	margin: 10px auto;
}


.ribbon {
	height:107px;
	background:url(/img/ornament-outline.png);
}
.allsimple {
	padding:80px 0px;
	background:url(/img/oxio-logo-white-outline.png) 100% 50% no-repeat; 
	background-size:50%;

}
.allsimple .big-text{
	color: #003add;
	font-weight:700;
	font-size:80px;
	text-decoration:none;
	line-height:70px;
	margin-bottom:30px;
}
.allsimple .small-text{
	font-size:24px;
	margin-bottom:30px;
}

.allsimple .grey-text {
	margin-top:30px;
	font-size:18px;
	color:#999;
}
.grey-text a{
	color:#999;
}

.big-button{
	text-decoration:none;
	border-radius:10px;
	background-color: #003add;
	padding:15px 30px;
	color:white;
	display:inline-block;
	font-weight:bold;
	font-size:18px;
}

.instruments {
	background:#003add;
	padding:80px 0px

}
.instruments .big-text{
	color:#fff;
	font-weight:700;
	font-size:80px;
	text-decoration:none;
	line-height:70px;
	margin-bottom:80px;
}
.service {}
.service .image img{
	width:120px;
	margin-bottom:20px;
}
.service .text{
	width:80%;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	margin-bottom:50px;
	line-height:24px;

}
.cases {
	padding:80px 0px

}

.cases .big-text {
	color:#003add;
	font-weight:700;
	font-size:80px;
	text-decoration:none;
	line-height:65px;
	margin-bottom:80px;
}

.case .image img {
	width:200px;
}
.case .text {
	font-size:24px;
	font-weight:bold;	   
}
.case .category {
	color:#999;
	font-size:14px;
	margin-bottom:10px;
}
.case .description {
	margin-bottom:30px;
	width:80%;
}


.contacts {
	padding:80px 0px ;
	background-color:#003add;
}
.contacts .big-text {
	color:#fff;
	font-weight:700;
	font-size:80px;
	text-decoration:none;
	line-height:65px;
	margin-bottom:80px;
}
.contact-item, .contact-item a {
	text-decoration:none;
	color:#fff;
	font-size:24px;
	margin-bottom:30px;
}

.mapcontainer iframe{
	width:100%;
	height:400px
}





@media all and (max-width: 767px) {
	.menu {display:none}
	.slider .big-text {
		font-size:48px;
		line-height:40px;
		margin-top:15vh;
	}
	.slider .small-text {
		font-size:20px;
		line-height:24px;
		margin-bottom:15vh;
	}
	.allsimple {background:none;}
	.allsimple .big-text, .instruments .big-text, .cases .big-text, .contacts .big-text {
		font-size:48px;
		line-height:40px;
		margin-bottom:40px;
	}
	.service .text {
		font-size: 18px;
	    margin-bottom: 30px;
	    line-height: 20px;
	}
	.service .image img {
	    width: 80px;
		margin-bottom:10px;
	}
	.case .image img {
		width:140px;
	}
	.case .description {
		width:100%;
	}
	.robot {
		margin:30px auto;
	}	
	.about p{
		padding:0px 20px;
	}

.about, .allsimple , .cases ,.instruments, .contacts{
	padding:50px 0px;
}


}