@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
	font-size:1em;
	color:#666
}

hr{
	width:8em;
	border:none;
	height:2px;
	background:#C00;
	margin:-1em auto 2em

}

/*------------------TOP---------------*/

.top{
	height:15em;
	width:100%
}

.top-img{
    background-repeat:no-repeat;
	background:url(../img/support/repair.jpg);
	height: 100%;
	background-size: cover;
	background-position: center;
}


/*------------------LICENSE---------------*/

.license{
	padding:3% 10% 5%;
	color:#666
}

.license h1{
	font-weight:200;
	font-size:4em;
	text-align:center
}

.license h2{
	font-weight:300;
	color:#C00;
	padding-top:1em
}

.license p, .license li{
	font-size:1.1em;
	font-weight:300;
	line-height:1.6em
}


.license li{
    padding-left: 2.1em;
    text-indent: -1.95em;
}

.license a{
	color:#666
}

.license a:hover{
	color:#C00;
	cursor:pointer
}

.remark{
	display:block;
	font-size:.75em;
	margin-top:5em
}

@media only screen and (max-width: 480px){
	
.license{
	padding:3% 5% 5%
}

.license h1{
	font-size:3.5em;
	line-height:.9em
}
}

/*---------------FORM--------------*/

.lft, .rght{
	border:none;
	border-bottom:1px solid rgba(0,0,0,.2);
	font-family:'Roboto', sans-serif;
	font-size:1em; 
	padding:.5%;
	outline:none;
	width:48.5%;
	float:left
}

.lft{
	margin:1em .5% 0 0
}

.rght{
	margin:1em 0 0 .5%
}

.lft:focus, .rght:focus, textarea:focus{
	border-bottom:1px solid #C00
}

textarea{
	border:none;
	border-bottom:1px solid rgba(0,0,0,.2);
	font-family:'Roboto', sans-serif;
	font-size:1em; 
	padding:.5%;
	outline:none;
	width:99%;
	height:5em;
	resize:none;
	margin-top:1em
}

#submit{
	display:block;
	width:15em;  
	height:4em;
	background:#C00;
	color:#FFF;
	float:none;
	margin:2em auto 0;
	border:none
}

#submit:hover{
    box-shadow:0 .2em .5em grey;
	cursor: pointer;
	-webkit-appearance:none
}


@media only screen and (max-width: 700px){
	
.lft, .rght{
	width:99%;
	padding:.75em 0
}

select{
	padding:.75em 0 .75em 0
}

#submit{
	margin:3em auto 2em
}
}