/*
 * @version 1.0.0.1
 * @since 2012
 * @author Eng. Wassim Saasouh
 * @Copyright © JogSys.com
*/

h3 {
    color: #fff;
    text-align: center;
}

table {
    padding:3px;
    color: #fff;
}

table td {
    padding: 3px;
}

table .Label {
    font-weight: bold;
}

.jumbotron {
    background: #91b492;
    padding: 10px;
}

.thumb {
    height: 100px;
    width: 100px;
}

.controls{
    width:50px;
    display:block;
    font-size:11px;
    padding-top:8px;
    font-weight:bold;
}
.next {
    float:right;
    margin-top: 5px;
}
.previous {
    float:left;
    margin-top: 5px;
}

@media screen and (min-width: 1001px) {

    #events img {
        width: 900px;
    }
 }

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

    #events img {
        width: 750px;
    }
 }

@media screen and (min-width: 770px)  and (max-width : 850px) {

    #events img {
        width: 700px;
    }
 }

@media screen and (min-width: 700px) and (max-width : 769px) {

    #events img {
        width: 650px;
    }
 }
 
 @media screen and (min-width: 650px) and (max-width : 700px) {
 
     #events img {
         width: 600px;
     }
  }
 
  @media screen and (min-width: 600px) and (max-width : 650px) {
 
     #events img {
         width: 550px;
     }
  }
 
  @media screen and (min-width: 550px) and (max-width : 600px) {
 
     #events img {
         width: 500px;
     }
  }
 
  @media screen and (min-width: 500px) and (max-width : 550px) {
 
     #events img {
         width: 450px;
     }
  }
 
  @media screen and (min-width: 450px) and (max-width : 500px) {
 
     #events img {
         width: 400px;
     }
  }
 
  @media screen and (min-width: 400px) and (max-width : 450px) {
 
     #events img {
         width: 350px;
     }
  }

  @media screen and (min-width: 350px) and (max-width : 400px) {
 
    #events img {
        width: 300px;
    }
 }

 @media screen and (min-width: 300px) and (max-width : 350px) {
 
    #events img {
        width: 250px;
    }
 }

 @media screen and (min-width: 250px) and (max-width : 300px) {
 
    #events img {
        width: 200px;
    }
 }

 @media screen and (min-width: 200px) and (max-width : 250px) {
 
    #events img {
        width: 150px;
    }
 }