/* CSS Stylesheet */
* {margin: 0;
padding: 0;}

body {font-family: Trebuchet MS,Helvetica,Futura,Goudy Old Style,Georgia,Garamond,Times New Roman,serif;
    background-color: #ffffff;}

a {color: #447DC1;}
a:hover {color: #C5331C;}
a:visited {color: #804877;}

#container {background-color: #ffffff;}

h1, h2, h3, strong {color: #003350;}

h2 {text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;}

p {padding-bottom: 20px;}

/* #header {width: 100%;
    padding-top: 441px;
    background-image: url('/images/pascha-header.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;} */

#header {position: relative;
    margin-bottom: 20px;}

#headerimg {width: 100%;
height: auto;}

#header h1 {text-align: center;
    background-color:rgba(0,51,80,0.8);
    font-family: Palatino Linotype;
    font-size: 23pt;
    position: absolute;
    bottom: 0px;
    color: #f2f2f2;}

.addressbreak {margin-bottom: 15px;
 height: 1px
 width: 30%;
 border-bottom: 1px solid #000000;}

/* Styles for very small iPhones/mobiles */
@media screen and (max-width: 420px) { 
 #header h1 {text-align: center;
    background-color:rgba(0,51,80,0.8);
    position: relative;
    clear: both;
    color: #f2f2f2;}

     .big-container {
         display: none;
     }
}


/* Styles for iPhone/mobiles only */
@media screen and (max-width: 750px) {
    
   h1, h2, h3, li, p {padding-left: 5px; padding-right: 5px;}
    
    iframe {max-width: 100% !important;
        width: auto !important;
        height: 500 !important;}
    
    #header h1 {clear: both;}

    /*#calendar {width: 100%;} */

     .big-container {
         display: none;
     }
}

@media screen and (min-width: 751px) {
    div#container {margin: 0 auto;
        max-width: 950px;
        padding-left: 5px;}
    
    p, li {font-size: 14pt; line-height: 21pt;}
    li {line-height: 20pt;}
    h2 {font-size: 20pt;}
    h3 {font-size: 17pt;}

     .small-container {
         display: none;
     }
    
    #fatherluke {float: left;
        width: 300px;
        padding-left: 20px;
        padding-bottom: 25px;}

    #findus {float: left;
        width: 580px;}
    
    #calendar {float: left;}
    .fb-page{}
    
    #links {float: left;
        width: 300px;
        padding-left: 20px;}

    #links li {margin-left: 15px;}
    
    #facebook {float: left;
        width: 300px;}    
        
    #footer {clear: both;
        padding-top: 30px;
        padding-bottom: 15px;}
}

 /* Responsive iFrame for Google Calendar */
 /*.responsive-iframe-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }*/