/*====Phone View====*/
@media (max-width: 560px){
header {
        
    }

body {
        background-color:lightgray;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px; 
        margin-top: 10px;
    }  
    
footer {
        background-color:#FFFFCC;
        margin-top: 75px; 
        border: green 1px solid; 
        width: 500px;
        margin-left:auto;
        margin-right: auto;
        height: 100px;
    }
    
.centerFooter {
   text-align: center;   
 }
    
img {
    border:green 10px solid;
    background-color:#FFFFCC; 
    padding: 5px; 
    /*border-radius: 8px;*/
  
}
    
h1 {
        color:#003300;  
        font-family: 'Kreon', serif;
        font-size: 40px;
        background-color:#FFFFCC;
        text-align: center;
        border: green 5px solid; 
        /*border-radius: 8px;*/
        width: 500px;
        margin-left:auto;
        margin-right: auto;
    }
    
nav {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    /*border: black 10px solid;*/
    }
    
#menuLook {
    /*border: gray 1px solid;*/
    text-align: center;
    /*margin-left: -38px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
}

#menuLook li {
    border: green 5px solid;
    display: block;
    background-color: #FFFFCC;
    padding: 10px;  
    text-align: center;
    width: 200px;
    font-size: 20px; 
    /*border-radius: 8px;*/
}

#menuLook a {
    /*border: gray 1px solid;*/  
    color: #003300;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}
    
h2 {
    font-family: 'Kreon', serif;
    font-size: 30px;
    color: #003300; 
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color:#003300; 
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color:black; 
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 450; 
    color: black; 
    margin-left: 10px;
    margin-right: 10px; 
}

ul {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 450; 
    color: black;  
    
}

li{
    /*color: #003333;*/ 
     font-family: 'Inter', sans-serif;
    /*margin-left: -50px;*/ 
}

a {
    color: #003300;
}


/*#homeRedBoxU {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    /*margin:auto;*/
}

#homePurpleBox {
    display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}

#homeBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
    /*border: black 1px solid;*/
}





#homeGalleryBigPicBox{
    display: flex;
    flex-direction: column;
    /*border: orange 5px solid;*/
}

#homeFirstThreePicBox {
    display: flex;
    flex-direction: column;
    /*border: black 5px solid;*/ 
}

#homeRedBox1 {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeBlueBox1 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px; 
}

#homeGreenBox1 {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
    margin:auto; 
}

#homeRedBox2 {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeBlueBox2 {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#homeGreenBox2 {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#homeDrumshopAll {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeDrumshopPic {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#homeDrumshopCap {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}


#homeSecondThreePicBox {
    display: flex;
    flex-direction: column;
    /*border: red 5px solid;*/ 
}

#homeMeetinghouseAll {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeMeetinghousePic {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#homeMeetinghouseCap {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
   /* background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#homeChurchesAll {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeChurchesPic {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#homeChurchesCap {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;
    background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#homeWaterWheelAll {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#homeWaterWheelPic {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#homeWaterWheelCap {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}













#scoopPurpleBox {
   display:flex;
    flex-direction: column; 
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}

#scoopBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
}




#scoopIcecreamSheepPicBox {
    display: flex;
    flex-direction: column;
    /*border: blue 20px solid;*/
}

 #scoopRedBoxIcecream {
    display: flex;
    /*flex-direction: row;*/
    flex-direction: column;
     /*justify-content: space-around;*/
    width: 410px;
    margin: auto;
    align-items: center;
}

#scoopBlueBoxIcecream {
    display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
    margin:auto;
    margin-top: 10px;
    /*align-items: center;*/
}

/*#scoopGreenBoxIcecream {
    display: flex;
    /*justify-content: space-around;*/
    /*justify-content: center;
   border: green solid 2px;
    background-color: #FFFFCC;
    margin-top: 10px; 
    width: 330px;
}*/


#scoopRedBoxAnimal {
    display: flex;
    /*flex-direction: row;*/
    flex-direction: column;
    width: 410px;
    margin: auto;
    align-items: center;
}

#scoopBlueBoxAnimal {
     display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
    margin:auto;
    margin-top: 10px;
    /*align-items: center;*/
}

/*#scoopGreenBoxAnimal {
    display: flex;
    /*justify-content: space-around;*/
    /*justify-content: center;
   border: green solid 2px;
    background-color: #FFFFCC;
    margin-top: 10px; 
    width: 330px;
}*/



#scoopRedBoxPavilion {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*border: red solid 1px;*/
    justify-content: center;
    margin:auto;
}

#scoopBlueBoxPavilion {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scoopGreenBoxPavilion {
    display: flex;
    justify-content: space-around;
    /*justify-content: center;*/
   /*border: black solid 2px;*/
    /*background-color: #FFFFCC;*/ 
    margin-top: 10px; 
    /*border: green solid 2px;*/
}

#scoopRedBoxSign {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*border: red solid 1px;*/
    justify-content: center;
    margin:auto;
}

#scoopBlueBoxSign {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scoopGreenBoxSign {
    display: flex;
    justify-content: space-around;
    /*justify-content: center;*/
   /*border: black solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px;
    /*border: green solid 2px;*/
}









#scenicPurpleBox {
   display:flex;
    flex-direction: column; 
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}

#scenicBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
}


#scenicGorgeSignWaterPicBox {
    display: flex;
    flex-direction: column;
    /*border: black 5px dotted;*/ 
}

#scenicRedBoxGorgeSign {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxGorgeSign {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxGorgeSign {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#scenicRedBoxGorgeWater {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxGorgeWater {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxGorgeWater {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}



#scenicForestSignWaterPicBox {
    display: flex;
    flex-direction: column;
    /*border: black 5px dotted;*/ 
}

#scenicRedBoxForestSign {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxForestSign {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxForestSign {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#scenicRedBoxForestWater {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxForestWater {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxForestWater {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}



#scenicWaterworksBuildingGrassPicBox {
    display: flex;
    flex-direction: column;
    /*border: black 5px dotted;*/
}

#scenicRedBoxWaterworksBuilding {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxWaterworksBuilding {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxWaterworksBuilding {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}

#scenicRedBoxWaterworksGrass {
    display: flex;
    flex-direction: column; 
    width: 410px;
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;*/
    margin:auto;
    align-items: center;
}

#scenicBlueBoxWaterworksGrass {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scenicGreenBoxWaterworksGrass {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
   /*border: green solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
    width: 330px;
}




.greenBoxTextCenter {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: green solid 2px;
    background-color: #FFFFCC;
    margin-top: 10px; 
    width: 330px;
}

.centerTitleHomePage {
    text-align: center; 
}

.centerFirstParagraphHomePage {
    text-align: center;
}








}

/*====Tablet View====*/
@media (min-width: 561px){
    
header {
        
    }

body {
        background-color:lightgreen;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
    }  
    
footer {
        background-color:#FFFFCC;
        margin-top: 75px; 
        border: green 1px solid; 
        width: 500px;
        margin-left:auto;
        margin-right: auto;
        height: 100px;
    }
    
.centerFooter {
   text-align: center;   
 }
    
img {
    border:green 10px solid;
    background-color:#FFFFCC; 
    padding: 5px; 
    /*border-radius: 8px;*/
}
    
h1 {
        color:#003300;  
        font-family: 'Kreon', serif;
        font-size: 40px;
        background-color:#FFFFCC;
        text-align: center;
        border: green 5px solid; 
        /*border-radius: 8px;*/
        width: 500px;
        margin-left:auto;
        margin-right: auto;
    }
    
#menuLook {
    /*border: gray 1px solid;*/
    text-align: center;
    /*margin-left: -38px;*/
    width: 650px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
}

#menuLook li {
    border: green 5px solid;
    display: inline;
    background-color: #FFFFCC;
    padding: 10px;  
    text-align: center;
    width: 200px;
    margin-left: -15px;
    margin-right: 20px;
    font-size: 20px; 
    /*border-radius: 8px;*/
}

ul {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 450; 
    color: black;
     width: 650px;
    /*border: black solid 10px;*/
}    
    


#menuLook a {
    /*border: gray 1px solid;*/  
    color: #003300;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}
    
h2 {
    font-family: 'Kreon', serif;
    font-size: 30px;
    color: #003300; 
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color:#003300; 
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color:black; 
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 450; 
    color: black;  
    margin-left: 5px;
    margin-right: 5px;
}



li{
    /*color: #003333;*/ 
}

a {
    color: #003300;
}
  
#homePurpleBox {
    display:flex;
    flex-direction: column;
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}
#homeFirstThreePicBox {
    display:flex;
    justify-content: space-around;
    /*border: red 5px solid;*/ 
    }
    
#homeSecondThreePicBox {
    display: flex;
    justify-content: space-around;
    /*border: red 5px solid;*/ 
}   
  
#scoopPurpleBox {
   display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}
 
 /*#scoopIcecreamSheepPicBox {
    display: flex;*/
    /*flex-direction: row;*/
   /*justify-content: space-around;*/
    /*border: red 10px solid; 
}*/

#scoopIcecreamSheepPicBox {
    display: flex;
    /*flex-direction: row;*/
   justify-content: space-around;
    /*border: red 10px solid;*/ 
}   
    
#scenicPurpleBox {
   display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}   

#scenicGorgeSignWaterPicBox {
    display: flex;
    justify-content: space-around;
    /*border: black 5px solid;*/ 
}
    
#scenicForestSignWaterPicBox {
    display: flex;
   justify-content: space-around;
    /*border: black 5px solid;*/
} 
        
#scenicWaterworksBuildingGrassPicBox {
    display: flex;
    justify-content: space-around;
    /*border: black 5px solid;*/ 
}
    
    
    
    
.greenBoxTextCenter {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: green solid 2px;
    background-color: #FFFFCC;
    margin-top: 10px; 
    width: 330px;
}

.centerTitleHomePage {
    text-align: center; 
}

.centerFirstParagraphHomePage {
    text-align: center;
}
    
    
}

/*====Desktop View====*/
@media (min-width: 950px){
    
header {
        
    }

body {
        background-color:lightgray;
        width: 800px;
        margin:auto;
    }  
    
footer {
        background-color:#FFFFCC;
        margin-top: 75px; 
        border: green 1px solid; 
        width: 800px;
        margin-left:auto;
        margin-right: auto;
        height: 100px;
    }
    
.centerFooter {
   text-align: center;   
 }
    
img {
    border:green 10px solid;
    background-color:#FFFFCC; 
    padding: 5px; 
    /*border-radius: 8px;*/
}    
    
h1 {
        color:#003300;  
        font-family: 'Kreon', serif;
        font-size: 40px;
        background-color:#FFFFCC;
        text-align: center;
        border: green 5px solid; 
        /*border-radius: 8px;*/
        width: 500px;
        margin-left:auto;
        margin-right: auto;
    }
    
#menuLook {
    /*border: gray 1px solid;*/
    text-align: center;
    /*margin-left: -38px;*/
    width: 650px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
}

#menuLook li {
    border: green 5px solid;
    display: inline;
    background-color: #FFFFCC;
    padding: 10px;  
    text-align: center;
    width: 200px;
    margin-left: -15px;
    margin-right: 20px;
    font-size: 20px; 
    /*border-radius: 8px;*/
}

ul {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 450; 
    color: black;
     width: 650px;
    /*border: black solid 10px;*/
}

#menuLook a {
    /*border: gray 1px solid;*/  
    color: #003300;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}
    
h2 {
    font-family: 'Kreon', serif;
    font-size: 30px;
    color: #003300; 
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color:#003300; 
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color:black; 
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 450; 
    color: black; 
    margin-left: 5px;
    margin-right: 5px; 
}


li{
    /*color: #003333;*/ 
}

a {
    color: #003300;
}


/*#homeRedBoxU {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*float:left;*/
    /*border: red solid 1px;*/
    /*justify-content: center;
    margin:auto;*/
}*/

#homePurpleBox {
    display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
    
}

#homeBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
}

#homeFirstThreePicBox {
    display: flex;
    justify-content: space-around;
    /*border: black 5px solid;*/
}

#homeSecondThreePicBox {
    display: flex;
    justify-content: space-around;
    /*border: red 5px solid;*/ 
}



#scoopPurpleBox {
   display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}

#scoopBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
}

#scoopIcecreamSheepPicBox {
    display: flex;
    /*flex-direction: row;*/
   justify-content: space-around;
    /*border: red 10px solid;*/
}



/*#scoopIcecreamSheepPicBox {
    display: flex;*/
    /*flex-direction: row;*/
   /*justify-content: space-around;*/
    /*border: red 10px solid; 
}*/



#scoopRedBoxPavilion {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*float:left;*/
    /*border: red solid 1px;*/
    justify-content: center;
    margin:auto;
}

#scoopBlueBoxPavilion {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scoopGreenBoxPavilion {
    display: flex;
    justify-content: space-around;
    /*justify-content: center;*/
   /*border: black solid 2px;*/
    /*background-color: #FFFFCC;*/
    margin-top: 10px; 
}

#scoopRedBoxSign {
    display: flex;
    flex-direction: column; 
    /*width: 410px;*/
    /*float:left;*/
    /*border: red solid 1px;*/
    justify-content: center;
    margin:auto;
}

#scoopBlueBoxSign {
    display: flex;
    justify-content: center;
    margin:auto;
    margin-top: 10px;
}

#scoopGreenBoxSign {
    display: flex;
    justify-content: space-around;
    /*justify-content: center;*/
   /*border: black solid 2px;*/
    /*background-color: #FFFFCC;*/ 
    margin-top: 10px; 
}






#scenicPurpleBox {
   display:flex;
    flex-direction: column;
    /*border: purple 10px solid;*/
    background-color: lightgreen;
    border: green 5px solid; 
    border-radius: 8px;
    box-shadow: 2px 2px 20px green;
}

#scenicBlueBoxU {
    display: flex;
    justify-content: center;
    margin:auto;
}

#scenicGorgeSignWaterPicBox {
    display: flex;
   justify-content: space-around;
    /*border: black 5px dotted;*/
}

#scenicForestSignWaterPicBox {
    display: flex;
   justify-content: space-around;
    /*border: black 5px dotted;*/ 
}   

#scenicWaterworksBuildingGrassPicBox {
    display: flex;
    justify-content: space-around;
    /*border: black 5px dotted;*/
}
    

/*.greenBoxTextCenter {
    width: 330px;
    /*margin-left: auto;
    margin-right: auto;
    text-align: center;*/
}*/

.greenBoxTextCenter {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: green solid 2px;
    background-color: #FFFFCC;
    margin-top: 10px; 
    width: 330px;
}

.centerTitleHomePage {
    text-align: center; 
}
.centerTitleHomePage {
    text-align: center; 
}

.centerFirstParagraphHomePage {
    text-align: center;
}


    
    
    
    
    
    
}