h1*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}

section{
  padding: 20px 100px;
}

h1 {
    text-align: center;
    font-size: 3.5rem;
    color: #0a0a0a;  
}

h2 {
    text-align: center;
    font-size: 3.3rem;
    color: #eca50a;
    text-shadow:
		-1px -1px 0 #f7eacd,  
		1px -1px 0 #f7eacd,
		-1px 1px 0 #f7eacd,
		1px 1px 0 #f7eacd;  
}

h3 {
    text-align: center;
    font-size: 3rem;
    color: #0a0a0a;
}

h4 {
     text-align: center;
    font-size: 2.5rem;
    color: #0a0a0a;
    text-decoration: underline;
}

h1.stations {
    text-shadow:
		-1px -1px 0 #f7eacd,  
		1px -1px 0 #f7eacd,
		-1px 1px 0 #f7eacd,
		1px 1px 0 #f7eacd;   

}

p {
	text-align: center;
	font-family: arial, serif;
	font-size: 1.8rem;
	margin: 0 5%;
    padding-bottom: 1rem;
}

.spacer {
	margin-top: 5rem;
}


.ack {
    background-color: #fce4a2;
    border: 2px solid #f1ece0;
    border-radius: 15px;
    margin: 0 15%;
}

.ack h2 {
    text-align: center;
    font-weight: 100;
    text-decoration: underline;
    
}

.ack p{
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
}

.ack p span {
    font-style: italic;
    color: #fa3c02;
}

.ack p span a {
    font-style:normal;
    color: #fa3c02;
}

.ack p span a:hover {
    color: #021bfa;
}

.stations {
    background-color: #d5c49b;
}

.prayer {
    color: #021bfa;
}

.station {
    margin: 0 10% 5% 10%;
    border: 3px solid #f7c95f;
    background-color: #ddcaa1;
}

section .risen {
    margin: 0 10% 5% 10%;
    border-radius: 20px;
    border: 3px solid #fa1818;
    /* background-color: #ddcaa1; */
    background-image: url(../images/devotions/stations/risen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    
}

section .risen .risen_par {
    color: rgb(10, 10, 10);
}

.photo {
    margin: 1% 3%;
    padding: 3% 3% 1% 3%;
}

.photo img {
    border-radius: 10px;    
}

/* ONE PHOTO */
.one-photo {
    text-align: center;
}

.one-photo p{
    text-align: center;
    padding: 1rem 9rem;
    font-size: 1.2rem;
}

.one-photo img.special2 {
    /* border: 5px solid #f8cc64; */
    width: 100%;
}



/* .one-photo img.special {
    border: 7px solid #f8cc64;
    width: 75%;
}

.one-photo img.landscape {
    border: 7px solid #fcd6ef;
    width: 60%;
}

.one-photo img.med {
    border: 7px solid #fcd6ef;
    width: 50%;
}

.one-photo img.portrait2 {
    border: 7px solid #fcd6ef;
    width: 40%;
}

.one-photo img.portrait {
    border: 7px solid #fcd6ef;
    width: 35%;
}

.one-photo img.small {

    width: 25%;
}

.one-photo img.vsmall {
    width: 10%;
} */

/* DOUBLE PHOTO */
.double-photo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 1% 3%;
    padding: 1% 3%;
    justify-content: space-evenly;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.double-photo p {
    text-align: center;
}

.photo-right p, .photo-left p {
	font-size: 1.8rem;
}

/* .photo-right p.large, .photo-left p.large {
	font-size: 1.5rem;
} */

.photo-left, .photo-right {
    text-align: center;
    padding: 0 1rem;
}

.photo-left img, .photo-right img {
    border: 7px solid #f7c95f;
}

.photo-right img.land, .photo-left img.land {
    width: 80%;
}

@media (max-width: 1020px){
    h1 {
        font-size: 2rem;
    }

    h2, h3{
        font-size: 2rem;
    }

   .ack h2 {
        font-size: 2rem;
    }

    .ack p, p, .photo-right p, .photo-left p{
        font-size: 1rem;
    }

    section{
        padding: 20px 10px;
    }
/* 
    p {
        font-size: 1rem;
    }

    .photo-right p, .photo-left p {
        font-size: 1rem;
    } */

    .double-photo {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px){
    h1 {
        font-size: 1.7rem;
    }
    
    h2, h3 {
        font-size: 1.5rem;
    }

    .ack h2 {
        font-size: 1.5rem;
    }

    .ack p, p, .photo-right p, .photo-left p{
        font-size: 0.7rem;
    }

    /* p {
        font-size: 0.7rem;
    } */
}