body {
background-color:#f0f0f0;
font-family: 'Lato', sans-serif;
}

::selection {
background: rgba(0,0,0,0.1); /* Safari */
}

::-moz-selection {
background: rgba(0,0,0,0.1); /* Firefox */
}

a:hover {
text-decoration:none;
}

.header-home {
height:388px;
background:url(../img/lp.svg);
background-repeat:no-repeat;
background-position:center;
}

.header-main {
height:275px;
}

.header-proj {
height:220px;
}

/* header background colors */

.pg-main {
background-color:#df5a49;
}

.pg-mcaf {
background-color:#a2b439;
}

.pg-cont {
background-color:#66b1a2;
}

.pg-pais {
background-color:#e5b122;
}

.pg-engr {
background-color:#EB7D5D;
}

.pg-feco {
background-color:#ed9a37;
}

.pg-netz {
background-color:#7699C8;
}

.pg-fgal {
background-color:#4F9959;
}

.pg-geet {
background-color:#9c3e35;
}

.pg-gwgl {
background-color:#3362ad;
}

.pg-misc {
background-color:#646464;
}

.pg-bran {
background-color:#7E4D60;
}

.pg-ilus {
background-color:#9484BC;
}

/* header background colors */

.header-main h1 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:66px;
color:#fff;
margin-top:64px;
margin-bottom:0;
}

.header-proj h1 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:48px;
color:#fff;
margin-top:56px;
margin-bottom:0;
}

.header-proj p {
font-size:16px;
font-weight:300;
color:#fff;
}

.header-main p {
font-size:20px;
font-weight:300;
color:#fff;
}

.container {
position:relative;
}

.container h3 {
font-family: 'Lato', sans-serif;
font-weight:300;
font-size: 22px;
color:#282828;
line-height:31px;
margin-bottom:14px;
}

h2.role {
font-family: 'Lato', sans-serif;
font-weight:700;
font-size: 12px;
letter-spacing:2px;
color:#666;
margin-top:2px;
margin-bottom:22px;
background-color:#fff;
padding:8px 10px;
display:inline-block;
}

.emphasis {
font-weight:400;
}

.note {
color:#999;
font-size:12px;
}

.container h3 a {
font-weight:400;
color:#444;
}

.menu-toggle {
padding: 13px 22px 14px;
background-color: rgba(0,0,0,0.2);
color:#fff;
}

.menu-toggle:hover {
background-color: rgba(0,0,0,0.3);
}

.menu-toggle-scroll {
background-color: rgba(0,0,0,0.7);
}

.menu-toggle-scroll:hover {
background-color: rgba(0,0,0,0.8);
}

.dropdown-menu {
right:0;
left: auto;
min-width:67px;
padding:0;
margin: 0;
font-size: 14px;
list-style: none;
background-color: rgba(0,0,0,0.3);
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-clip: padding-box;
}

.dropdown-menu > li > a {
padding: 15px 22px;
}

.dropdown-menu > li > a.main-menu-active, .dropdown-menu > li > a.main-menu-active:hover {
background-color: rgba(0,0,0,0.6);
}

.dropdown-menu > li > a:hover {
background-color: rgba(0,0,0,0.4);
}

.dropdown-scroll {
background-color: rgba(20,20,20,0.8);
}

.dropdown-scroll > li > a:hover {
background-color: rgba(20,20,20,0.85);
}

.main-menu-active-scroll {
background-color: rgba(0,0,0,0.9);
}

.nav-fixed {
position:fixed;
z-index:3;
top:0;
}

.btn-toolbar > .btn-group + .btn-group {
margin-left: 10px;
}

.btn-default {
background-color:transparent;
color:#fff;
border:1px solid #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
background-color:rgba(0,0,0,0.5);
color:#fff;
border:1px solid #fff;
}

.btn-primary {
background-color:transparent;
color:#282828;
border:1px solid #282828;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color:rgba(255,255,255,1);
color:#000;
border:1px solid #000;
}

.btn-primary:active {
background-color:rgba(255,255,255,1);
box-shadow:none;
}

.btn-lg {
font-weight:300;
}

.tag-on {
border-color: rgba(255,255,255,0.6);
pointer-events: none;
cursor: not-allowed;
color: rgba(255,255,255,0.6);
}

.col-xs-10.col-custom {
padding-right:0;
width:92.95098%;
}

.navbar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:none;
}

.navbar-default, .navbar-header{
border:none;
border-color:transparent;
background-color:#d2d2d2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.navbar-default-scroll{
background-color:rgba(180,180,180,0.9);
position:relative;
z-index:4;
}

.navbar-collapse {
padding-left:0;
padding-right:0;
border:none;
}

.content {
position:relative;
z-index:auto;
}

.nav-pills > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
}

.navbar-toggle {
border: none;
float:none;
width:100%;
font-weight:900;
color:#646464;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.navbar-header > .navbar-toggle:hover {
background-color:transparent;
}

.navbar-collapse.in {
overflow-y:visible;
}

ul table{
width:100%;
text-align:center;
}

ul td li {
padding:10px 0;
}

.affix {
position:fixed;
top:0;
max-width:1072px;
}

/* landing page */

.header-home h1,
.header-recent h1 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:66px;
line-height:62px;
color:#fff;
margin-bottom:0;
letter-spacing:1px;
}

.header-home h2,
.header-recent h2 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:30px;
line-height:24px;
color:rgba(0,0,0,0.5);
margin-top:12px;
margin-bottom:0;
}

.recent-adpic {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin-top: 24px;
  overflow: hidden;
}

a .hm-wk {
margin-top:80px;
background:url(../img/hm-wk.png) no-repeat 0 0;
}

.nav-hm h3 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:24px;
color:#777;
}

.nav-hm img {
margin-top:80px;
background-color:#d2d2d2;
-moz-box-shadow:    inset 0 0 14px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
box-shadow:         inset 0 0 14px rgba(0,0,0,0.2);
border:2px solid rgba(255,255,255,0.8);
-webkit-border-radius: 83px;
-moz-border-radius: 83px;
border-radius: 83px;
}

.nav-hm a:hover img {
background-color:#E45F4E;
}

.nav-hm a:hover h3 {
color:#df5a49;
}

.footer-margin {
margin-top:60px;
}

/* landing page ends */

#tabContent h2 {
    padding-top: 50px;
}

.paddingTop120 {
  padding-top: 120px !important;
}

.tab-pane p {
  margin: 0 0 20px;
}

.tab-pane img {
  margin: 40px auto;
}

.tab-pane p,
.tab-pane ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.tab-pane p,
.tab-pane h2,
.tab-pane h3,
.tab-pane h4,
.tab-pane .padding-adjust {
  padding: 0 12.5%;
}

@media screen and (max-width: 767px) {
  .tab-pane p,
  .tab-pane h2,
  .tab-pane h3,
  .tab-pane .padding-adjust {
    padding: 0 0.5%;
  }
}

.tab-pane h2 {
  font-family: 'Lato', sans-serif;
  font-size: 34px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
  color: #df5a49;
}

.tab-pane h3 {
  font-size: 28px;
  font-weight: 700;
  margin-top: 40px;
  display: block;
}

.tab-pane h4 {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 21px;
  display: block;
}

.tab-pane a {
  font-weight: 700;
  color: #275EAC;
}

p.image-section {
  background-color: #fff;
  padding: 2px 12px;
  display: inline-block;
  margin-bottom: -10px;
  text-transform: uppercase;
  font-size: 14px;
  color: #df5a49;
  margin-top: 20px;
}

/* work page */

.btn-group>.btn.active {
background-color:rgba(0,0,0,0.2);
border-color:#fff;
color:#fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.mix_all {
margin-bottom:20px;
}

#Grid .mix{
opacity: 0;
display: none;
}

.project {
margin-top:30px;
margin-bottom:-10px;
}

.project a h2 {
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight:300;
color:#777;
margin-top:5px;
margin-bottom:0;
text-shadow:0 1px rgba(255,255,255,0.8);
}

.project a:hover h2 {
color:#282828;
}

.project a p {
font-size:12px;
font-weight:400;
color:#777;
margin-top:0;
margin-bottom:-10px;
visibility:hidden;
}

.project a:hover p {
color:#282828;
visibility:visible;
}

.project a img {
background-color:#dcdcdc;
}

.project a:hover img.mc-on {
background-color:#a2b439;
}

.project a:hover img.xx-on {
background-color:#66b1a2;
}

.project a:hover img.ps-on {
background-color:#e5b122;
}

.project a:hover img.eg-on {
background-color:#EB7D5D;
}

.project a:hover img.fe-on {
background-color:#ed9a37;
}

.project a:hover img.nz-on {
background-color:#7699C8;
}

.project a:hover img.fg-on {
background-color:#4F9959;
}

.project a:hover img.gd-on {
background-color:#9c3e35;
}

.project a:hover img.gw-on {
background-color:#3362ad;
}

.project a:hover img.wm-on {
background-color:#646464;
}

.project a:hover img.br-on {
background-color:#7E4D60;
}

.project a:hover img.il-on {
background-color:#9484BC;
}

/* work page ends */

/* about page begins*/

.profile {
background-color:#fff;
}

.profile h1 {
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:40px;
line-height:36px;
color:#df5a49;
margin-top:26px;
margin-left:26px;
}

.profile p {
font-weight:300;
font-size:16px;
color:#282828;
margin-left:26px;
margin-top:32px;
}

.card {
background-color:#fff;
border:1px solid #e6e6e6;
}

.card h1 {
font-family: 'Lato', sans-serif;
font-weight:100;
font-size:96px;
letter-spacing:-4px;
text-align:center;
}

.card p {
font-size:18px;
font-weight:300;
line-height:20px;
color:#787878;
margin-bottom:17px;
}

.timeline small {
font-size:12px;
font-weight:300;
color:#787878;
}

.timeline h1 {
margin-top:10px;
margin-bottom:10px;
font-family: 'Lato', sans-serif;
font-size:28px;
font-style:italic;
font-weight:900;
color:#df5a49;
text-shadow: 0 1px rgba(255,255,255,0.6);
}

.timeline h1.edu {
color:#D4952F;
}

.timeline h2 {
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:400;
margin-top:0;
}

.timeline h3 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 20px;
color: #282828;
line-height: 31px;
margin-bottom: 14px;
}

.timeline h3>strong {
font-weight:400;
}

a.company {
color:#282828;
}

.speech {
position:relative;
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
padding:20px;
border:1px solid #dcdcdc;
color:#333;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

/* creates the smaller  triangle */
.speech:before {
content:"";
position:absolute;
bottom:-14px; /* value = - border-top-width - border-bottom-width */
left:48.1%; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:14px 15px 0;
border-style:solid;
border-color:#dcdcdc transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
.speech:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:48.4%; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:13px 13px 0;
border-style:solid;
border-color:#fff transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speech p {
font-style:italic;
font-size:16px;
line-height:24px;
font-weight:400;
margin-bottom:0;
color:#646464;
}

p.rec > a {
display:block;
font-size:14px;
font-weight:400;
line-height:16px;
color:#282828;
}


p.rec > a > span {
font-weight:900;
color:#646464;
}

.skills img {
background-color:#dcdcdc;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
border:4px solid #fff;
display: inline-block;
margin-right: 10px;
margin-left: 10px;
}

.skills img.adps:hover {
background-color:#393477;
border-color:#80bbf9;
}

.skills img.adai:hover {
background-color:#683a22;
border-color:#fab037;
}

.skills img.addw:hover {
background-color:#3c4e35;
border-color:#82e806;
}

.skills img.html:hover {
background-color:#e44d26;
border-color:#f16529;
}

.skills img.css:hover {
background-color:#1572b6;
border-color:#33a9dc;
}

.skills img.adre:hover {
background-color:#4E96A8;
border-color:#68D8D0;
}

.skills img.adux:hover {
background-color:#B41C55;
border-color:#F95894;
}

.skills img.adet:hover {
background-color:#553285;
border-color:#9768D1;
}

@media (max-width:992px) {
.profile h1 {
margin-left:auto;
}

.profile p {
margin-top:20px;
margin-left:auto;
}
}
/* about page ends*/

/* contact page */

.contact {
margin-top:30px;
}

.contact a img {
background-color:#dcdcdc;
}

.contact a:hover img.in-on {
background-color:#0180af;
}

.contact a:hover img.db-on {
background-color:#ea4c89;
}

.contact a:hover img.tm-on {
background-color:#34465d;
}

.contact a:hover img.fb-on {
background-color:#3c5a96;
}

.contact a:hover img.tw-on {
background-color:#2aa7de;
}

.contact a:hover img.gp-on {
background-color:#dc4a38;
}

/* contact page ends */

/* project navigation hover effects */

.nav-pills > li > a.all:hover {
background-color:#df5a49;
}

.nav-pills > li > a.mc:hover {
background-color:#a2b439;
}
.nav-pills > li > a.mc-on {
background-color:#a2b439;
}

.nav-pills > li > a.xx:hover {
background-color:#66b1a2;
}
.nav-pills > li > a.xx-on {
background-color:#66b1a2;
}

.nav-pills > li > a.ps:hover {
background-color:#e5b122;
}
.nav-pills > li > a.ps-on {
background-color:#e5b122;
}

.nav-pills > li > a.eg:hover {
background-color:#EB7D5D;
}
.nav-pills > li > a.eg-on {
background-color:#EB7D5D;
}

.nav-pills > li > a.fe:hover {
background-color:#ed9a37;
}
.nav-pills > li > a.fe-on {
background-color:#ed9a37;
}

.nav-pills > li > a.fe-on {
background-color:#ed9a37;
}

.nav-pills > li > a.nz:hover {
background-color:#7699C8;
}
.nav-pills > li > a.nz-on {
background-color:#7699C8;
}

.nav-pills > li > a.fg:hover {
background-color:#4F9959;
}
.nav-pills > li > a.fg-on {
background-color:#4F9959;
}

.nav-pills > li > a.gd:hover {
background-color:#9c3e35;
}
.nav-pills > li > a.gd-on {
background-color:#9c3e35;
}

.nav-pills > li > a.gw:hover {
background-color:#3362ad;
}
.nav-pills > li > a.gw-on {
background-color:#3362ad;
}

.nav-pills > li > a.wm:hover {
background-color:#646464;
}
.nav-pills > li > a.wm-on {
background-color:#646464;
}

.nav-pills > li > a.br:hover {
background-color:#7E4D60;
}
.nav-pills > li > a.br-on {
background-color:#7E4D60;
}

.nav-pills > li > a.il:hover {
background-color:#9484BC;
}
.nav-pills > li > a.il-on {
background-color:#9484BC;
}

.tooltip {
white-space:pre;
max-width:none;
}

.tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}

.tooltip-inner {
max-width:none;
padding: 4px 8px 5px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #282828;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #f0f0f0;
z-index:2;
}

.tooltip:before {
position: absolute;
z-index:2;
top: -1px;
left: 50%;
display: inline-block;
margin-left:-10px;
border-right: 8px solid transparent;
border-bottom: 7px solid #fff;
border-left: 8px solid transparent;
border-bottom-color: #fff;
content: '';
}

.tooltip:after {
position: absolute;
top: 0;
left: 50%;
z-index:2;
margin-left:-8px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #282828;
border-left: 6px solid transparent;
content: '';
}

.tooltip-arrow {
display:none;
}

.tooltip.bottom {
font-size:14px;
font-weight:400;
}

/* project navigation table/phone hover effects */

.nav-pills table tr td a img {
width:20%;
}

.nav-pills table tr td.all-on {
background-color:#df5a49;
}

.nav-pills table tr td.mc-on {
background-color:#a2b439;
}

.nav-pills table tr td.xx-on {
background-color:#66b1a2;
}

.nav-pills table tr td.ps-on {
background-color:#e5b122;
}

.nav-pills table tr td.eg-on {
background-color:#EB7D5D;
}

.nav-pills table tr td.fe-on {
background-color:#ed9a37;
}

.nav-pills table tr td.nz-on {
background-color:#7699C8;
}

.nav-pills table tr td.fg-on {
background-color:#4F9959;
}

.nav-pills table tr td.gd-on {
background-color:#9c3e35;
}

.nav-pills table tr td.gw-on {
background-color:#3362ad;
}

.nav-pills table tr td.wm-on {
background-color:#646464;
}

.nav-pills table tr td.br-on {
background-color:#7E4D60;
}

.nav-pills table tr td.il-on {
background-color:#9484BC;
}

/* project navigation hover effects ENDS*/

/* project page */

.work-row {
margin-top:30px;
}

/* project page ends */

/* project bottom navigation */

.pager {
margin:0;}

/* footer */

.footer-home {
color: rgba(255,255,255,0.7);
text-align:center;
padding:10px 0 30px 0;
}

.footer-home a {
color:#fff;
text-decoration:none;
}

.footer {
color:#a0a0a0;
text-align:center;
padding:10px 0 30px 0;
text-shadow:0 1px #fff;
}

.footer a {
color:#6e6e6e;
text-decoration:none;
}

.footer p {
padding-left:15px;
padding-right:15px;
}

.line {
width:100%;
height: 2px;
background: #dcdcdc;
border-bottom: 1px solid #f5f5f5;
}

.darkline {
width:100%;
height: 1px;
background: rgba(255,255,255,0.2);
}

.line-footer {
width:100%;
height: 2px;
background: #bebebe;
border-bottom: 1px solid #fff;
}

.line-home {
width:100%;
height: 1px;
border-bottom: 1px solid rgba(255,255,255,0.14);
}

/* footer ends */

.page-title {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 36px;
}

.recent-tabs {
  background-color: #9e3c32;
  min-width: 100% !important;
  z-index: 1000;
}

.recent-tabs .nav-tabs {
  border-bottom: none !important;
}

.recent-tabs .nav-tabs>li {
  margin-bottom: 0;
}

.recent-tabs .nav-tabs>li>a {
  font-size: 20px;
  padding: 26px 15px;
  color: #fff;
  border-radius: 0;
  border: none !important;
  margin-right: 0;
}

.recent-tabs .nav-tabs>li>a:hover,
.recent-tabs .nav-tabs>li>a:focus,
.recent-tabs .nav-tabs>li>a:active {
  background-color: #88342b;
}

.recent-tabs .nav-tabs>li.active>a,
.recent-tabs .nav-tabs>li.active>a:hover,
.recent-tabs .nav-tabs>li.active>a:focus {
  background-color: #f0f0f0;
  color: #9e3c32;
}

@media (max-width:992px) {

.nav-fixed {
right:2%;
}

.nav-justified > li > a > img {
width:100%;
padding-top:2px;
padding-bottom:2px;
}

.col-xs-10.col-custom {
padding-right:0;
max-width:892px;
}

.contact .col-md-4 {
margin-bottom:15px;
}

.contact .col-md-4:last-child {
margin-bottom:-15px;
}

.affix {
max-width:873px;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.nav-fixed {
right:42px;
}

.col-xs-10.col-custom {
padding-right:0;
max-width:888px;
}

.affix {
max-width:873px;
}

.menu-toggle {
padding: 13px 21px 13px 22px;
}

.dropdown-menu > li > a {
padding: 15px 20px;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.nav-fixed {
right:24px;
}

.nav-justified > li > a > img {
width:100%;
padding-top:7px;
padding-bottom:6px;
}

.col-xs-10.col-custom {
padding-right:0;
max-width:667px;
}

.affix {
max-width:652px;
}

.menu-toggle {
padding: 13px 22px 13px 22px;
}

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

.nav-fixed {
right:15px;
}

.navbar {
margin-bottom:0px;
}

.contact .col-md-4 {
margin-bottom:15px;
}

.contact .col-md-4:last-child {
margin-bottom:0;
}

.header-proj {
height:200px;
}

.header-main {
height:253px;
}

.header-main h1 {
font-size:50px;
}

.header-main p {
font-size:14px;
}

.header-proj h1 {
font-size:36px;
}

.header-proj p {
font-size:13px;
}

.col-xs-10.col-custom {
padding-right:0;
max-width:247px;
}

.affix {
max-width:232px;
}

.menu-toggle {
padding: 12px 17px;
background-color: rgba(0,0,0,0.2);
color:#fff;
}

.navbar-toggle {
padding: 9px 67px 8px;
}

.dropdown-menu {
background-color: rgba(51,51,51,0.8);
min-width:58px;
}

.dropdown-menu > li > a {
padding: 12px 13px 13px 16px;
}

.dropdown-menu > li > a.main-menu-active {
background-color: rgba(20,20,20,1);
}

.project a p {
visibility:visible;
margin-bottom:20px;
}

/* work page phone specs */

.project {
margin-top:20px;
}

.mix_all {
margin-bottom:0;
}

.contact {
margin-top:0;
}

.contact > .col-md-4 {
margin-bottom:20px;
}

.resp-mgtp {
margin-top:20px;
}

.btn {
font-size:12px;
}

.row > .col-md-4 > a > img.mc-on {
background-color:#a2b439;
}

.row > .col-md-4 > a > img.xx-on {
background-color:#66b1a2;
}

.row > .col-md-4 > a > img.ps-on {
background-color:#e5b122;
}

.row > .col-md-4 > a > img.eg-on {
background-color:#EB7D5D;
}

.row > .col-md-4 > a > img.fe-on {
background-color:#ed9a37;
}

.row > .col-md-4 > a > img.nz-on {
background-color:#7699C8;
}

.row > .col-md-4 > a > img.fg-on {
background-color:#4F9959;
}

.row > .col-md-4 > a > img.gd-on {
background-color:#9c3e35;
}

.row > .col-md-4 > a > img.gw-on {
background-color:#3362ad;
}

.row > .col-md-4 > a > img.wm-on {
background-color:#646464;
}

.row > .col-md-4 > a > img.br-on {
background-color:#7E4D60;
}

.row > .col-md-4 > a > img.il-on {
background-color:#9484BC;
}

/* landing page phone */

.header-home {
height:320px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-color:#df5a49;
}

.header-home h1 {
font-size:36px;
line-height:38px;
margin-top:160px;
font-weight:900;
}

.header-home h2 {
font-size:26px;
line-height:28px;
margin-top:6px;
}

.nav-hm img {
margin-top:40px;
}

.nav-hm h1 {
font-size:16px;
}

.nav-hm h3 {
margin-top:6px;
}

.footer-margin {
margin-top:30px;
}

/* landing page phone ends */

/* work page phone ends */

.container h3 {
font-size: 16px;
line-height: 23px;
margin-bottom: 14px;
}

h2.role {
font-size: 10px;
line-height:14px;
letter-spacing:1px;
}

.work-row {
margin-top:15px;
}

/* about page phone */

.speech {
width:96%;
}

.speech:before {
left:44.4%;
}

.speech:after {
left:45%;
}

.col-xs-6.padrt {
padding-right:7px;
}

.col-xs-6.padlt {
padding-left:7px;
}

.skills img {
margin-right:6px;
border:4px solid #fff;
}

.profile h1 {
font-size:36px;
}

.profile p {
font-size:14px;
}

.timeline h2 {
font-size:17px;
line-height:22px;
}

/* about page phone ends */


/* contact page phone specs */

.row > .col-md-4 > a > img.in-on {
background-color:#0180af;
}

.row > .col-md-4 > a > img.db-on {
background-color:#ea4c89;
}

.row > .col-md-4 > a > img.tm-on {
background-color:#34465d;
}

.row > .col-md-4 > a > img.fb-on {
background-color:#3c5a96;
}

.row > .col-md-4 > a > img.tw-on {
background-color:#2aa7de;
}

.row > .col-md-4 > a > img.gp-on {
background-color:#dc4a38;
}

/* contact page phone specs ends */
}