body{
	background-color: rgba(247, 201, 76, 1);
	font-family: Ubuntu;
}
.navbar{
	background: transparent;
	border:none;
}
.test{
	width:1522px;
	height:825px;
	position:relative;
	bottom: 0;
}
.test2{
	width:800px;
	height:650px;
	position:relative;
	bottom: 0;
}
.contact-desc-abs{
	position:absolute; 
	bottom:0; 
	padding-bottom:20px; 
	left:2%; 
	right:2%;
}
.well{
	background-color: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#about, #contact{
	height:100%;
}
#about{
	background-color:rgba(151, 87, 141, 1);
}
#contact{
	background-color:rgba(0, 166, 167, 1);
}
#works{
	min-height: 100%;
	background-color:rgba(255, 255, 255, 1);
}
.wrapper img{
	width:100%;
	height:100%;
}
hr{
	border-color: black;
	line-height: 30px;
}
.line{
	width:660px;
}
.navbar-default .navbar-brand, .navbar-default .nav li a, h2{
	color: black;
	font-family: "Ubuntu";
}
.wrapper{
	width:80%;
}
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
	float:right;
	z-index:10;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}
section#contact{
	background-image: none;
}
h2{
	text-transform: none;
	margin-top: 35px;
}
h5{
	text-transform: none;
	color:black;
	text-align: center;
}
section{
	padding: 0;
	position: relative;
}

.navbar-collapse{
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.line{
	width:100%;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle{
	background-color: transparent;
}

img.ri, img.ri3
{
	position: absolute;
	max-width: 70%;
	top: 10%;
	left: 10%;
}

img.ri2
{
	position: absolute;
	max-width: 30%;
	top: 15%;
	left: 35%;
}

img.ri:empty
{
	top: 58%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

img.ri3:empty
{
	top: 65%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.contact-desc{
	position:absolute;
	bottom:28%;
	width: 100%;
}

.md-footer1{
	width: 9%;
}

.md-footer2{
	float: right!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover  {
	background-color: transparent;
}

.navbar-default .navbar-toggle{
	border-color: none;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: black;
}

@media (min-width: 1200px) {
	.line{
		width:640px;
	}
  	img.ri, img.ri3{
  		max-height: 70%;
  	}
	img.ri2 {
		position: absolute;
		max-width: 30%;
		top: 15%;
		left: 35%;
		max-height: 60%;
	}
	.md-footer2{
		text-align:right;
	}
	section{
		padding: 0;
		position: relative;
	}
	.contact-desc{
		position:absolute;
		bottom:35.5%;
		width: 100%;
	}
  	h5{
  		font-size: 15px;
  		font-family: Ubuntu;
  	}
  	.lineContact{
  		display: none;
  	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.line{
		width:445px;
	}
	section{
		padding: 0;
		position: relative;
	}
  	img.ri, img.ri3{
  		max-height: 70%;
  	}
	img.ri2 {
		position: absolute;
		max-width: 30%;
		top: 15%;
		left: 35%;
		max-height: 60%;
	}
	.md-footer2{
		text-align:right;
	}
	section{
		padding: 0;
		position: relative;
	}
	.contact-desc{
		position:absolute;
		bottom:35.5%;
		width: 100%;
	}
  	h5{
  		font-size: 15px;
  		font-family: Ubuntu;
  	}
  	.lineContact{
  		display: none;
  	}
}
@media (min-width: 768px) and (max-width: 991px) and (max-height: 480px){
	.line{
		width:225px;
	}
	section{
		padding: 0;
		position: relative;
	}
	img.ri, img.ri3 {
  		max-height: 60%;
  	}
	img.ri2 {
		position: absolute;
		max-width: 40%;
		top: 13%;
		left: 30%;
		max-height: 45%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 47.3%;
		width: 100%;
	}
  	h5{
  		font-size: 11px;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) and (min-height: 481px){
	.line{
		width:225px;
	}
	section{
		padding: 0;
		position: relative;
	}
	img.ri, img.ri3 {
  		max-height: 60%;
  	}
	img.ri2 {
		position: absolute;
		max-width: 40%;
		top: 15%;
		left: 30%;
		max-height: 43%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 50%;
		width: 100%;
	}
  	h5{
  		font-size: 12px;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}
@media (min-width: 568px) and (max-width: 767px) and (min-height: 320px){
	img.ri, img.ri3 {
  		max-height: 60%;
  	}
  	
	img.ri2 {
		position: absolute;
	    max-width: 45%;
	    top: 10%;
	    left: 27%;
	    max-height: 44%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 51%;
		width: 100%;
	}
  	h5{
  		font-size: 9px;
  		margin-top:-1%;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
		margin-top: 10px;
	}
}
@media (min-width: 480px) and (max-width: 567px){
	img.ri, img.ri3 {
  		max-height: 60%;
  	}
	img.ri2 {
		position: absolute;
	    max-width: 60%;
	    top: 15%;
	    left: 20%;
	    max-height: 40%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 51%;
		width: 100%;
	}
  	h5{
  		font-size: 10px;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}
@media (min-width: 321px) and (max-width: 479px){
	.test {
      	width: 320px;
  	}
	section{
		padding: 0;
		position: relative;
	}
	img.ri{
  		max-height: 40%;
  		margin-top:-10%;
  	}
  	img.ri3 {
  		max-height: 40%;
  		margin-top:-40%;
  	}
	img.ri2 {
		position: absolute;
	    max-width: 60%;
	    top: 15%;
	    left: 20%;
	    max-height: 40%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 51%;
		width: 100%;
	}
  	h5{
  		font-size: 10px;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}
@media (min-width: 321px) and (max-width: 567px) and (max-height:480px){
	img.ri, img.ri3 {
  		max-height: 60%;
  	}
	img.ri2 {
		position: absolute;
	    max-width: 60%;
	    top: 13%;
	    left: 20%;
	    max-height: 40%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 51%;
		width: 100%;
	}
  	h5{
  		font-size: 10px;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}

@media (max-width: 320px){
	.test {
      	width: 320px;
  	}
	section{
		padding: 0;
		position: relative;
	}
	img.ri{
  		max-height: 40%;
  		margin-top:-10%;
  	}
  	img.ri3 {
  		max-height: 40%;
  		margin-top:-40%;
  	}
	img.ri2 {
		position: absolute;
	    max-width: 60%;
	    top: 13%;
	    left: 20%;
	    max-height: 42%;
	}
  	img.ri3:empty
	{
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.contact-desc{
		position:absolute;
		bottom: 51%;
		width: 100%;
	}
  	h5{
  		font-size: 9px;
  		margin-top:-1%;
  		font-family: Ubuntu;
  	}
	.md-footer, .md-footer1, .md-footer2{
		width:100%;
	}
	.md-footer1 img{
		margin: 10px 0px;
	}
	.md-footer2 img{
		text-align: left;
	}
	.md-footer img{
		width: 100%;
	}
}