@charset "utf-8";

@media screen and (min-width: 576px) {
.home {
min-height:700px
}

.h1_m2dc {
font-size:72px;
padding-top:150px;
margin:0 20px 70px
}

.h2_m2dc {
font-size:36px
}

.h3_m2dc {
font-size:60px;
margin:100px 20px 70px
}

.h4_m2dc {
font-size:26px;
margin:0 auto 70px;
line-height:35px
}

.h5_m2dc {
text-align:left;
}
	
.h5_m2dc_center {
text-align: center;
}

.m2dc_button {
margin-bottom:0;
padding:10px 30px;
font-size:21px
}

.m2dc_button_alt {
padding:10px 20px;
font-size:21px
}

.p_m2dc {
margin:0 auto 100px
}

.p_m2dc_big {
margin:0 auto 100px
}

.p_caption_m2dc {
margin:20px auto 100px
}

.p_m2dc_platform {
margin:0 auto 20px
}

.visible-wide {
margin-left:auto;
margin-right:auto;
display:block!important
}

.visible-thin {
display:none!important
}

.img_appliances {
display:block;
margin-left:0
}

.contact {
padding-bottom:100px
}

.m2dc-scheme {
margin-bottom:100px
}

.margin-end {
margin-bottom:100px
}

.chassis {
margin-bottom:0px
}

.chassis-line {
margin-top: 40px;
margin-bottom:30px
}
	
.chassis-components {
margin-bottom:30px;
height: 320px;
}
	
.divider_text_big {
font-size:24px
}
	
.chassis_heading {
font-size:24px;
}
	
.components_heading {
font-size:36px;
margin-bottom: 60px;
}
	
.tab-server {
padding-bottom:100px
}
	
.padding-top-75 {
padding-top: 75px;
}
	
.M2DC_benefits {
padding-bottom:40px
}
	
.divider_text_small {
padding-bottom:0;
}
	
}

@media screen and (max-width: 576px) {
.home {
min-height:600px
}

.h1_m2dc {
font-size:42px;
padding-top:50px;
margin:0 20px 40px
}

.h2_m2dc {
font-size:24px
}

.h3_m2dc {
font-size:36px;
margin:50px 20px 30px
}

.h4_m2dc {
font-size:18px;
margin:0 auto 30px
}

.h5_m2dc {
text-align:center
}

.m2dc_button {
margin-bottom:15px;
padding:10px 20px;
font-size:18px
}

.m2dc_button_alt {
padding:10px 30px;
font-size:18px
}

.p_m2dc {
margin:0 auto 20px
}

.p_m2dc_big {
margin:0 auto 50px;
	text-align: center;
}

.p_caption_m2dc {
margin:20px auto 40px
}

.p_m2dc_platform {
margin:0 auto 40px
}

.img_appliances {
margin-left:auto;
margin-right:auto
}

.visible-wide {
display:none!important
}

.visible-thin {
display:block!important;
margin:0 auto;
text-align:center
}

.contact {
padding-bottom:50px
}

.m2dc-scheme {
margin-bottom:50px
}

.margin-end {
margin-bottom:50px
}

.tab-server {
padding-bottom:50px;
}

.chassis {
margin-bottom:30px
}
	
.chassis-line {
margin-bottom:30px
}
	
.chassis-components {
margin-bottom:30px;
height: auto !important;
}
	
.divider_text_big {
font-size:24px
}
	
.chassis_heading {
font-size:18px;
}
	
.components_heading {
font-size:28px;
margin-bottom: 20px;
}
	
.padding-top-75 {
padding-top: 0;
}
	
.M2DC_benefits {
padding-bottom:10px
}
	
.divider_text_small {
padding-bottom:30px !important;
}
}

.body {
font-family:'Open Sans',sans-serif!important
}

.home {
background-image:url(../images/img_header.png);
background-repeat:no-repeat;
height:auto;
background-size:cover
}

.h1_m2dc {
color:#fff;
font-weight:700;
font-family:'Open Sans',sans-serif!important
}

.h2_m2dc {
color:#fff;
padding:0 20px;
margin:0 auto 60px;
font-weight:400;
max-width:900px;
width:auto;
font-family:'Open Sans',sans-serif!important
}

.h3_m2dc {
color:#48b5c2;
font-weight:300;
font-family:'Open Sans',sans-serif!important
}

.h4_m2dc {
color:#263238;
font-weight:400;
font-family:'Open Sans',sans-serif!important
}

.h5_m2dc {
color:#263238;
margin:10px auto;
font-size:18px;
font-weight:600;
font-family:'Open Sans',sans-serif!important
}

.h5_m2dc_center {
color:#263238;
margin:10px auto;
font-size:18px;
font-weight:600;
text-align: center;
font-family:'Open Sans',sans-serif!important
}

.p_m2dc_big {
color:#263238;
font-size:16px;
font-weight:400;
line-height:28px;
font-family:'Open Sans',sans-serif!important
}

.p_m2dc {
color:#263238;
font-size:16px;
font-weight:400;
line-height:28px;
font-family:'Open Sans',sans-serif!important
}

.p_m2dc_platform {
color:#263238;
font-size:16px;
font-weight:400;
font-family:'Open Sans',sans-serif!important
}

.p_caption_m2dc {
color:#78909c;
font-size:16px;
font-weight:400;
font-family:'Open Sans',sans-serif!important
}

.divider_text_big {
padding-top:10px;
margin:0 auto;
font-weight:600;
text-align:center;
font-family:'Open Sans',sans-serif!important
}

.divider_text_small {
margin:0 auto;
font-size:16px;
font-weight:400;
text-align:center;
font-family:'Open Sans',sans-serif!important
}

.divider_text_small_servers {
padding-bottom:10px;
margin:0 auto;
font-size:16px;
font-weight:400;
text-align:center;
font-family:'Open Sans',sans-serif!important
}

.m2dc_button {
background-color:#9dcd6f;
color:#FFF;
border-radius:30px;
transition-duration:.3s;
font-family:'Open Sans',sans-serif!important
}

.m2dc_button:hover {
background-color:#B1D78C;
text-decoration:none;
color:#FFF
}

.m2dc_button_alt {
background-color:#CFD8DC;
color:#263238;
height:60px;
border-radius:30px;
transition-duration:.3s;
font-family:'Open Sans',sans-serif!important
}

.m2dc_button_alt:hover {
background-color:#fff;
text-decoration:none;
color:#515B60
}

.color_grey {
background-color:#ECEFF1
}

.color_torquise {
background-color:#48b5c2
}

.light-grey {
background-color:#FBFCFC
}

.white {
color:#fff
}

.padding_bot_20 {
padding-bottom:20px
}



.img_appliances {
display:block
}

.chassis {
background-color:#ECEFF1;
padding:30px;
border-radius:10px
}

.chassis-line {
border:#ECEFF1 1px solid;
padding:30px;
border-radius:10px
}

.chassis-components {
background-color: white;
border: #ECEFF1 1px solid;
padding: 30px;
border-radius: 10px
}

.chassis_heading {
text-align:center;
font-weight:600;
font-family:'Open Sans',sans-serif!important;
margin-bottom:30px
}

.components_heading {
text-align:center;
font-family:'Open Sans',sans-serif!important;
font-weight: 300;
color: #263238;
}

.chassis_divider {
border-bottom:1px solid #CFD8DC;
padding-top:30px;
margin-bottom:30px
}

.chassis_p {
color:#78909C;
font-size:16px;
font-weight:400;
font-family:'Open Sans',sans-serif!important;
text-align:center;
}

.appliances-link {
transition:.3s;
display: -webkit-box-flex;
}

.appliances-link:hover {
text-decoration:none!important;
opacity:.6
}

.most-popular {
	text-align: center;
	font-size: 16px;
	color: white;
	margin-bottom: 20px;
}

.most-popular-color {
	background-color: #48B5C2;
	padding: 5px;
	border-radius: 10px;
}

.padding-bot-20 {
	padding-bottom: 20px;
}

.microserver {
	width: 65%;
	margin-left: auto;
    margin-right: auto;
    display: block!important;
}

.padding_bot_40 {
	padding-bottom: 40px;
}

.percent-circle {
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	text-align: center;
	display: flex;
	background: #327096;
	color:  white;
	height: 101px;
	width: 101px;
	font-size: 24px;
	font-weight: 700;
	margin: auto;
	margin-bottom: 20px;"
}