/*==========  Mobile First Method  ==========*/

.chide { display: none!important; }
.exp-desc { margin-left: 15px; margin-top: 10px; }
.exp-desc li { font-size: 13px; list-style: square; }
.exp-desc li h6 { font-weight: bold; }
.exp-desc li p { margin-bottom: 10px; font-size: 13px; line-height: 20px; }
.exp-desc li b { font-weight: bold; line-height: 25px; }
header, .mdl-layout__title, .mdl-layout-title { font-family: 'Montserrat', 'Roboto', 'Lato', 'Raleway', sans-serif;    
 }
 header {
 	background: url(../img/rainbow-bar.jpg) top repeat-x !important;
 	background-color: #fff!important;
 }

.ft13px { font-size: 13px; }
.bt { font-weight: bold!important; }

 .projects {
 	border-top: 2px solid #e8e7e7;
    padding-top: 10px;
    margin-top: 5px;
 }

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
      /* Some CSS Here */
}

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
      /* Some CSS Here */
}

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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
      /* Some CSS Here */
}