.specialty{
        width:60%;
        display:block;
        margin:0 auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
            }
    .specialty span
    {
        margin-bottom:0;
        font-family: "Oswald", sans-serif;
        font-size:12px;
        font-weight:bold;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    @media all and (min-width: 1281px) and (max-width:2040px) 
    {
        .specialty 
        {
        height:500px;
        width:80%;
        margin-left:170px;
        margin-bottom:50px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }   
        .specialtyh 
        {
        height:1000px;  
        padding-bottom:150px;   
        }
         .specialty span 
        {
        /*background-color:#00405d;*/
        /*background-color:#FFD9CE;*/
        background-color:lavender;
        margin:0.2%;
        height:100px;
        width:200px;
        float:left;
        box-sizing:border-box;
        line-height:100px;
        text-align:center;
        font-size:14px;
        color:#009933;
        font-weight:normal;
        font-family: 'Segoe UI';
        font-size:14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }           
    }
        @media all and (min-width:1101px) and (max-width:1280px) 
        {
        .specialty 
        {
        width:75%;
        margin:0 auto;
        display:block;
        height:400px;  
        margin-left:15%;        
        margin-bottom:150px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;             
        } 
      .specialityh 
        {
        height:500px;  
        margin-top:80px; 
        }
        .specialty span 
        {
        background-color:lavender;
        margin:0.2%;
        height:90px;
        width:160px;
        float:left;
        box-sizing:border-box;
        line-height:80px;
        text-align:center;
        font-size:12px;
        font-weight:normal;
        color:#009933;
        font-family: 'Segoe UI';
        font-size:14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }       
        }
        @media all and (min-width:1041px) and (max-width:1100px) 
        {
        .specialty 
        {
        width:80%;
        margin:0 auto;
        display:block;
        height:380px;  
        margin-left:10%;        
        margin-bottom:150px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;             
        } 

      .specialityh 
        {
        height:900px;  
        margin-top:50px;     
        }
        .specialty span 
        {
        background-color:lavender;
        margin:0.2%;
        height:90px;
        width:160px;
        float:left;
        box-sizing:border-box;
        line-height:80px;
        text-align:center;
        font-size:12px;
        font-weight:normal;
        color:#009933;
        font-family: 'Segoe UI';
        font-size:14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }       
        }
    @media all and (min-width:981px) and (max-width:1040px) 
        {
        .specialty 
        {
        width:85%;
        margin:0 auto;
        /*display:inline;*/
        display:block;
        height:500px;  
        margin-left:10%;   
        margin-bottom:10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;          
        } 
      .specialityh 
        {
        height:550px;  
         margin-top:50px;  
        padding-bottom:100px;   
        }
          .specialty span 
        {
        background-color:lavender;
        margin:0.2%;
        height:90px;
        width:160px;
        float:left;
        box-sizing:border-box;
        line-height:80px;
        text-align:center;
        font-size:14px;
        color:#009933;
        font-weight:normal;
        font-family: 'Segoe UI';
        font-size:12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }       
        }
    @media all and (min-width: 681px) and (max-width:980px) 
    {
        .specialty {
            width: 92%;
            margin: 0 auto;
            display: block;
            height:500px;
            margin-bottom:200px;
            margin-left:8%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }
      .specialityh 
        {
        height:550px;  
        margin-top:50px;  
        padding-bottom:100px;   
        }
        .specialty span 
        {
        background-color:lavender;
        margin:0.2%;
        height:18%;
        width:22%;
        float:left;
        font-weight:normal;
        box-sizing:border-box;
        line-height:90px;
        text-align:center;
        font-size:14px;
        color:#009933;
        font-family: 'Segoe UI';
        font-size:12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }
        .expansionbutton 
        {
        margin-bottom:150px;
        }                
        }
    @media all and (min-width:501px) and (max-width:680px) 
    {
        .specialty {
            width:95%;
            margin: 0 auto;
            display: block;
            height:500px;
            margin-left:5%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            margin-bottom:100px;
        }
        .specialityh 
        {
        height:400px; 
        margin-top:50px;  
        padding-bottom:100px; 
        }

        .specialty span 
        {
        background-color:lavender;
        margin:0.2%;
        height:18%;
        width:23%;
        float:left;
        box-sizing:border-box;
        line-height:90px;
        text-align:center;
        font-size:10px;
        font-weight:normal;
        color:#009933;
        font-family: 'Segoe UI';
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        }       
        }
    @media all and (min-width: 400px) and (max-width: 500px) 
    {
        .specialty 
        {
        height:1280px;
        width:70%;
        margin:0 auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        padding-bottom:80px;
        }
        .specialityh 
        {
        height:900px;       
        }
        .specialty span 
        {
        height:50px;
        background-color:white;
        line-height:50px;
        /*padding:1em 0 1em 0em;*/
        width:100%;
        display:inline-block;
        color:#5b5b5b;
        text-align:center;
        font-family: 'calibri';
        font-weight:normal;
        font-size:14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-bottom:1.3%;
        }
    }
    @media all and (min-width: 300px) and (max-width: 400px) 
    {
        .specialty 
        {
        height:1280px;
        width:95%;
        margin:0 auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        padding-bottom:80px;
        }
        .specialityh 
        {
        height:900px;       
        }
        .specialty span 
        {
        height:50px;
        background-color:#e5e4e4;
        line-height:50px;
        /*padding:1em 0 1em 0em;*/
        width:100%;
        display:inline-block;
        color:black;
        text-align:center;
        font-family: 'calibri';
        font-weight:normal;
        font-size:14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-bottom:1.3%;
        }
    }

.expansionbutton 
{
    margin:0 auto;
    display:block; 
    height:50px; 
    background-color: #1982BB; 
    height:50px; 
    width:180px; 
    font-size: 14px; 
    color:white; 
    /*margin-bottom:30px;*/
    margin-bottom: 0;
    margin-top: 3%; 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
}
.expansionbutton:hover 
{
    cursor:pointer;
    color:lightgray !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
}
/*@media all and (min-width: 300px) and (max-width: 550px) 
{
    .expansionbutton 
    {
    margin-top:10px;
    }
}*/

@media only screen and (min-width:451px) and (max-width:650px) 
{
.expansionbutton 
{
margin-top:100px; 
margin-bottom: 0;
}       
}
@media only screen and (min-width: 300px) and (max-width:450px) 
{
.expansionbutton 
{
margin-top:50px; 
margin-bottom: 0;
}       
}