.top-bar-holder, .top-bar{
    display:none;
}

.body{
    padding:0 10px 100px 10px;
    max-width:80em;
    margin:0 auto;
    width:100%;
    color:black;
}

.body h1 {  
    color: #4e4b45;   
    line-height: .75em;
    text-transform: uppercase;
}

.body h1{
    font-size:2.4em;
}

.body h2{
    font-size:2em;
}

.appearAtLarge{
       display:none;
   }

.smallTextAtSmall{
    font-size:.75em;
}

.option{
    text-align:center;
}

.option img{
    display:block;
    margin:30px auto;
}

.sectionIntro{
    font-weight:bold;
    margin-bottom:0em;
}

.option h2{
    font-size:1.5em;
    font-weight:bold;
    margin-top:0;
}

.option h3{
    font-size:1.3em;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:0;
}

.option ul{
    text-align:left;
    margin: 30px;  
}

p.topics{
    margin-bottom:0px !important;
}

.bullets{
   width:75%;
   margin:0 auto;
}


.email {
    /*max-width: 330px;*/ /*This is used with DefaultFull.aspx*/
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.email {
    float: none !important;
}


.talk2 {
    border: solid #cccccc;
    /*max-width: 330px;*/ /*This is used with DefaultFull.aspx*/
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.talk h2 {
    font-size: 1em;
}

.myContainer {
    max-width: 900px;
    margin: auto;
    padding:20px;
}

.start{
    text-align:center;
    padding:20px;    
    background:#cccccc; 
}

.start h3{
    color:white !important;
    font-weight:bold;
}

.centerButton{
    text-align:center;
}


.departmentPage{
    text-align:center;
}

.departmentPageButton{  
    margin-top:70px; 
    margin-left: auto;
    margin-right: auto;
   /*background:#723015;*/   
    font-size:1.5em;
    text-transform:uppercase;
}



/*------------------------ media queries ------------------------------*/
@media(min-width:641px){
    .smallTextAtSmall{
        font-size:.75em;
    }    
.bullets{
   width:60%;
   margin:0 auto;
}
}

@media(min-width:641px){
    .bullets{
   width:60%;
   margin:0 auto;
}
}


@media (min-width:768px){
   .appearAtLarge h1{      
       font-size:1.4em;
       padding-top:10px;
   }
    
    .appearAtLarge{
       display:inline-block;
   }
    .disappearAtLarge{
        display:none;
    }

    .headings p{      
        font-size:.9em;
    }

  
}

@media (min-width:777px) {
    .bullets {
        width: 50%;
    }
}

@media(min-width:1000px){
    .appearAtLarge h1{
         font-size:1.9em; 
    }

     .headings p{
        font-size:1em;
    }
       .bullets{
   width:40%;
}
}

@media(min-width:1224px){
    .appearAtLarge h1{
        font-size:2.3em;
    }

      
}

@media(min-width:1270px) {
      .bullets{
   width:30%;
}
}