/*Custom Style*/
@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
body {
	font-family:'Montserrat',sans-serif;
}
.container.nomargin {
	margin:0;
	padding:0;
	width:100%;
}
.text-center {
		font-size: 9px;}
.text-left {
		padding-top:60px;
		padding-bottom:60px;
		font-size: 9px;}
}
		
.padding {
	padding:80px 0;
}

.margin {
	margin: 30px 0;
}

.title {
	font-size:6em;
	font-family:'Lato',sans-serif;
	display:block;
}

/* Navigation Styling */

<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">...</div>
    <div role="tabpanel" class="tab-pane" id="profile">...</div>
    <div role="tabpanel" class="tab-pane" id="messages">...</div>
    <div role="tabpanel" class="tab-pane" id="settings">...</div>
  </div>

</div>
.navbar {
	background:##17CCBB;
	padding:50px;
}
.navbar .navbar-brand {
		color:#FFF;
}
.navbar .navbar-brand:hover {
		color:#FFF;
}
.navbar-inverse .navbar-nav>li>a {
		color:#FFF;

.navbar-inverse .navbar-nav>.active>a

}
.navbar-inverse .navbar-nav>.active>a:hover {
		color:#FFF;
}		
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a {
	
}


/* Header Styling */
#header{
	background:#FFF;
	color:#000000;
	padding-top:100px;
	
}
#header .icon {
	
}
#header .skills {
	font-size: 2.00em;
	color:#FFF;
}

#header hr.star:after{
	
}
/*down arrow icon*/
#header a:hover {

}

#img {
	padding:250px;
	align:center;
}

/* Work Styling */
#work {
	background:#FFF;
	padding-top:60px;
}
#work img {

}
#work hr.star:after {

}

#work .portfolio-item {

}

/*Hover effect*/
#work .portfolio-item img {

}

#work .portfolio-item img:hover {
	

}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.button {
	
.img-circle {
	opacity:50%;
	
}
/* Contact Styling */
#contact {	
	background:#FFF;
	font-family:'Lato',sans-serif;	
}
#contact h4 {
	
}
#contact .has-success .form-control,
#contact .has-success .control-label {

}
	
}
#contact .btn-social {
	
	text-align:center;
	font-size:50px;
	font-weight:900;
	color:#000000;
	
}

#contact .btn-social i {
	
}

#contact .socials>li {

}
#contact .socials a {

}
#contact .socials>li:hover a {
	
}
#contact .socials>li:hover i {
	
}
#contact .btn-primary {
	
}
body {
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;}
h1 {
	font-size:200%;}
h2 {
	font-size:1.3em;}
	
h3 {
	font-size:9px;}
h4 {
	font-size:10px;
	padding-top:20px;
	padding-bottom:20px;}
.title {
	font-size:25px;}
p {
	
	background-color:#FFF;
	text-align: left;
	padding-top: 50px;
	padding-left: 150px;
	padding-bottom: 50px;
	font-size: 13px;}
	
.div {
	padding:50px;
}
#contact .btn-primary:focus,
#contact .btn-primary:hover{
	
}

/* Footer Styling */
footer {
	background:#FFF;
	color:#000;

}
footer p {
	
}

h2 {
	font-size:22px;
	text-align:center;
	font-style:normal;
}
/* ==== Media Queries ====*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /* your mobile css, change this as you please */
    #omos {
        background-color: #f7f7f7;
        height: 80vh;
        clear: both;
        text-align: center;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    /* your desktop css */
    #omos {
        background-color: #f7f7f7;
        height: 80vh;
        clear: both;
        text-align: center;
    }
}
/* iPads (Tablets) ----------- */
@media only screen and (min-width: 768px) and (max-width : 1024px) {
/* Styles */

.title {

}

.padding {

}

#work .portfolio-item img {
		border-radius:15px;
		margin:20px 0;
		opacity:1;
}

#work .portfolio-item img {

}

#work .portfolio-item img:hover {
	

}

#contact  {
	
}

.title {
	font-size:3em;
}

.skills {
	font-size: 1em;
}

body{padding: 10px 250px; text-align: center; font-size: 30px;}
h2{
font-size: 55px;
}
#header .icon {

}

p {
	width: 275px;
	border: 2px solid #EAEAEA;}
p.example {	

#work .portfolio-item {

}

#work .portfolio-item img {

}

#work .portfolio-item img:hover {


}

#contact .socials>li {

}


.margin.no_margin_mobile {

}


.contact-form button.pull-right {
	
}

.social-media {

}


}
#contact .btn-social {
	
	text-align:center;
	font-size:50px;
	font-weight:900;
	color:#000000;
	padding-top: 50px;
	
}

.form-inline {
	padding-bottom:50px;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: @screen-xs-max) {...}
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {...}
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {...}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {...}