@charset "utf-8";

html, body {
	background:white;
	font-family: 'Montserrat', sans-serif;
	height:auto;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
	padding:0;
	margin:0 auto;
}

#wrapper {
width:80%;
margin:0 auto;
padding:0;

}

#menu {

padding-bottom:50px;
background:white;
}

#menu a{
text-transform:uppercase;
text-decoration:none;
color:#3a3a3a;
font-size:28px;
font-weight:bold;
}

.index img {width:600px; max-width:100%;}


#resp-logo {display:none;}

ul.serviceul {list-style-type:none; color:#3a3a3a; }
ul.serviceul li {margin-left:-20px; margin-bottom:8px;}
ul.serviceul i{margin-right:10px; width:20px;}

#servicelist {border-width:1px; border-color:#d7d7d7; border-style:solid; padding:5px; border-radius:8px;}

#menu ul {list-style-type:none; float:right;}
#menu li {float:left; display:inline; padding-left:20px;}
#menu li:after {content:"/"; padding-left:20px;}
#menu li:last-child:after {content:""; padding:0px;}
#menu a:hover{color:#009caa;}

a {color:#009caa; text-decoration:none;}

iframe{padding-bottom:20px;}

p {color:#636363;}
h2, label {color:#3a3a3a;}
h2 { font-size:24px;}
h3 {text-transform:uppercase; padding:8px; margin:0; margin-bottom:8px; background:#fff; color:#636363; border:1px solid #d7d7d7; border-radius:8px; text-align:center;}

section {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); margin:0 auto; padding:0;}
.demos {width:80%;}

#dms-logo {display:block; padding: 40px 0 40px 0; width:100%; margin:0 auto; vertical-align:center;}
#dms-logo img{ width:auto; max-width:100%; display:block; margin:0 auto; vertical-align:center; width:600px;}

.about, .contact, .services {max-width:500px; width:100%;}

#dm-one {width:46%; float:right; margin-top:30px;}
#dm-two {width:46%; margin-top:30px;}


section img {
    width:110%;
    height: 110%;
	display: block;
	margin:auto;
}

footer { height:80px; position:absolute;  width:80%; bottom:0; font-size:12px;}
footer p {text-align:left; float:right; vertical-align:middle; }

input[type=text]{
    border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#b3b3b3;
	height:30px;
	width:100%;
	height:40px;
	max-width:100%;
	float:right;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:10px;
}

input[type=submit]{
    border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#b3b3b3;
	height:40px;
	width:90px;
	text-align:center;
	vertical-align:center;
	float:right;
	cursor:pointer;

}


.services input[type=text]{
	width:80%;
	float:left;
}


 textarea {
     border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#b3b3b3;
	height:90px;
	width:100%;
	margin-bottom:10px;
	float:right;
	box-sizing:border-box;
	padding:10px;
 }
 
 input, textarea {
 color:#636363;
 }
 
 table {width:100%;}
 
 .rform{height:50px;}