#tableComment {
    display: none;
}

h2 {
    font-family:'Andale Mono';
    }
.panel-heading {
    width:90%;
    margin-left: auto;
    margin-right: auto;

    font-family:'Andale Mono';
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 30px;
    background-color: #292929;
    color: #ffffff;
    border-width:0px 0px 5px 0px;
    border-style: solid;
    border-color: #ababab;
    border-radius: 10px;
    }

h3 {
    padding: 20px 50px 20px 50px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #026e45;
    color: #ffffff;
    border-radius: 10px;
    }
.panel-body{
    width:90%;  
    margin-left: auto;
    margin-right: auto;
    
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 20px 50px 20px 50px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-width:5px 0px 0px 0px;
    border-style: solid;
    border-color: #ababab;
    box-shadow: 0px 10px 20px #ababab, 0px 5px 10px #ababab inset;
    border-radius: 0px 0px 10px 10px;
    }
span{line-height: 1.8em;}
.centerImage {
    width: 70%;
    padding-left:150px;
    padding-right: 50px;
    }
.centerImage2 {
    width: 100%;
    padding-left:150px;
    padding-right: 50px;
    }
table {
    font-size: 0.8em;
    margin-bottom: 10px;
    width:100%;
    text-align: center;
    }
.tableImage {width:100%;}
th {
    padding:10px;
    background-color: #292929;
    color: #ffffff;
    border-width:2.5px;
    border-style: solid;
    border-color: #000000;    
    border-radius:2px;
    }
td {
    padding:10px;
    background-color: #e6e6e6;
    color: #000000;
    border-width:2.5px;
    border-style: solid;
    border-color: #000000;   
    border-radius:2px; 
    }
.closer {
    margin-top: 20px;
    width:95px;
    height:50px;
    padding:2px 2px 10px 20px;
    background-color: #bb0048;
    color: #000000; 
    border-radius:10px; 
    }
.closer a{
    position: relative;
    top:-7px;
        }
    .closer:hover {
        margin-top: 20px;
        width:95px;
        height:50px;
        padding:0.5px 2px 0.5px 20px;
        background-color: #e20031;
        color: #000000; 
        border-radius:10px; 
        }


/*  IMAGE  QUERIES */
@media only screen and (max-width: 1195px) {
    .imageSet1{ width: 90vw;}
    .imageSet2{ width: 70vw;}
    .imageSet4{ width: 70vw;}

}
@media only screen and (max-width: 1195px) {
    .imageSet1{ 
        width: 60vw; 
        padding-left:0px;
    }
    .imageSet2{ 
        width: 75vw; 
        padding-left:0px;
    }
    .imageSet3{ 
        width: 65vw; 
        padding-left:0px;
    }
    .imageSet4{ 
        width: 65vw; 
        padding-left:0px;
    }
}

@media only screen and (max-width: 760px) {
    .imageSet1{ 
        width: 60vw;
        padding-left:0px;
    }
    .imageSet2{ 
        width: 80vw;
        padding-left:0px;
    }
    .imageSet3{ 
        width: 65vw;
        padding-left:0px;
    }
    .imageSet4{ 
        width: 65vw;
        padding-left:0px;
    }
}

/* TABLES */ 
@media only screen and (max-width: 600px) {
    
    .compSpecs {
        font-size: 0.6em;
        font-weight: bold;
        position: relative;
        left: -10px;        
    }

}

@media only screen and (max-width: 766px) {

    .longTable {
        font-size: 0.6em;
        font-weight: bold;
        position: relative;
        left: 0%; 
    }

}



@media only screen and (max-width: 1000px) {

    .imageSet2{ 
        width: 60vw;
        padding-left:0px;
    }
}
@media only screen and (max-width: 770px) {

.imageSet2{ 
    width: 60vw;
    padding-left:0px;
}
.imageSet3{ 
    width: 65vw;
    padding-left:0px;
}
.imageSet4{ 
    width: 65vw;
    padding-left:0px;
}
}
@media only screen and (max-width: 615px) {
    #tableComment {
        display: initial;
        font-weight: bold;
        font-size: 0.7em;
        
        font-family:'futura';
        
        
        text-align: center;
        
        margin-left: auto;
        margin-right: auto;
 
    }
    #accordion{ margin-top: 30px;}
    table {
        font-size: 0.55em;
        font-weight: bold;
        position: relative;
        left: -0%;
        overflow: auto;
        display: block;
    }
    .longTable {
        font-size: 0.55em;
        font-weight: bold;
        position: relative;
        left: -0%;
        overflow: auto;
        display: block;
    }
    .compSpecs {
        overflow: auto;
        display: block;
    }


    .imageSet1{ 
        width: 60vw;
        padding-left:0px;
        overflow: auto;
        display: block;
    }
    .imageSet2{ 
        width: 80vw;
        padding-left:0px;
        overflow: auto;
        display: block;
    }
    .imageSet3{ 
        width: 65vw;
        padding-left:0px;
        overflow: auto;
        display: block;
    }
    .imageSet4{ 
        width: 65vw;
        padding-left:0px;
        overflow: auto;
        display: block;
    }
}
@media only screen and (max-width: 560px) {

    .imageSet2{ 
        width: 60vw;
        padding-left:0px;
    }
}
/* CODE PORTFOLIO HEADERS (changes w/ mainstyle.css) */ 
@media only screen and (max-width: 460px) {
    h3 {
        padding: 10px;
        font-size: 1.0em;
        }
}