/* Desktop Styles */
   @media only screen and (min-width: 769px) and (max-width: 1920px)
       
    #main-content {
    margin: 10px 0;
    padding-left: 450px;
    float:left
}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin-right: none;
  padding-top: 30px;
  padding-bottom: 0px;
  float: center;
  margin-top: 20px;
}
    nav ul li {
    float: right;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    margin-right: 70px;
       
} 
    #sidebar {
    width: 16%;
    text-align: left;
    margin-left: 1500px;
    font-size: 40px;
    font-kerning: auto;
    padding-top: 100px
}  

/* Tablet Styles */
@media screen and (min-width: 749px)and (max-width: 768px) {
    
    body {
    background-color: #ffffff;
    padding: auto;
    margin:auto;
    font-family: 'Montserrat', sans-serif;
    color: #3c474d;
}
#main-content {
    margin: auto;
    padding-left: 0px;
    float:none;
}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin-right: none;
 padding-bottom: 10px;
  float: left;
  margin-top: 20px;
}
nav ul li {
    float: center;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    font-size: 20px;
    margin-right: 40px;
    
}
    #sidebar {
    width: 16%;
    margin: auto;
    font-size: 40px;
    float:center;
    padding-top: 5px;
        
    }
    .portfolio {
    font-size: 20px;
    font-kerning:normal;
    float:center;
}
    
    .logo {
    float: center;
	display: inline;
	list-style-type: none;
    padding-left: 15px;
}
    .copyright {
    color: #aebdc2;
    text-align: center;
    clear:both;
    font-size: 12px;
    padding-left: 300px;
    padding-top: 100px;
    float: center; 
    
}
    .index {
    list-style-type: none;
    float:left;
    margin:auto;
    }
    
  .graphic {
    margin:auto;
    color: #aebdc2;
    font-size: 15px;
    float:left;
      padding-left: 40px;
    }  
}