/*CSS Stylesheet*/

body {
    font-family: 'Roboto', sans-serif;
/*    height: 100%;*/
/*    background: -webkit-linear-gradient(white, #293476); */
    /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(white, #293476); */
    /* For Opera 11.1 to 12.0 */
/*    background: -moz-linear-gradient(white, #293476); */
    /* For Firefox 3.6 to 15 */
/*    background: linear-gradient(white, #293476); */
    /* Standard syntax (must be last) */
}

header {
    text-align: center;
    width: 100%;
    background-image: url("../seats.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}
  
p {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #555555;
}

#logo {
 height: auto;  
    max-height: 400px;
    max-width: 100%;
/*    position: absolute;*/
}

#description {
    color: #293476;
    max-width: 1000px;
    margin: auto;
    padding: 1rem 2rem;
}

#screens {
 text-align: center;   
}

ul {
    text-align: center;
      padding: 0px;
      max-width: 1000px;
      margin: auto;
/*    text-decoration: none;*/
/*    list-style: none;*/
}

ul li {
    display: inline-block; 
    margin: 20px;
    max-width: 215px;
    color: #293476;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    vertical-align: top;
}

.cta ul li button {
    color: white;
    padding: 30px;   
    border-radius: 5px;
    background-color: #293476;
    font-size: 1.25rem;
}


.cta ul li button:hover {
    background-color: #E43938;
    border: 1px solid #ffffff;
    cursor: pointer;
}

a  {
    font-weight: bold;
    text-decoration: none;  
    color: #293476!important;
}

a:hover  {
    color: #E43938;  
    cursor: pointer;
}

a:visited {
    color: inherit;    
}

a:visited:hover {
    color: #E43938;     
}

footer {
    background-color: #e8e8e8;
}

footer p {
    max-width: 1000px;
    margin: auto;
    font-size: 1.25rem;
    padding: 1rem 2rem;
}

footer a {
    font-weight: normal;
    float: right;
}

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

    
ul li {
    display: block; 
    margin: auto;
    
}
    
.cta ul li button {
   max-height: 100px;
   padding: 10px; 
}
    
}

@media screen and (min-width: 550px) {
    #break {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    footer {
        text-align: center; 
        margin: auto;
    } 
    footer a {
        float: none;
    } 
}