/*css for body*/
body{
                      background-color: #D489CC;
                      background-repeat: no-repeat;
                      margin-bottom: 20px;
                      margin-top: 10px;
                         }
 /*Navigation bar*/ 
 .nav{                 
                        border-color: white;
                        border-width:  4px;
                        border-style:  solid;
                        text-align: center;
                        width: 1000px;
                        margin-left: 125px;
                               }
 .navlist li{
                        list-style-type: none;
                        display: inline;
                                }
 .navlist a:hover{
                        background-color:  #945f8e;
 }
 /* subnavigation bar for city pages*/
 .subnav{                
                        color: white;       
                        text-align: center;
                        font-family: sans-serif;
                        font-size: 20px;
                        font-weight: bold;
                        margin: 10px;
                        width: 1250px;
                               }
 .subnavlist li{
                        display: inline;
                        list-style-type: none;
                        padding: 0px;
                        margin: 0px;
                                }
 .subnavlist a{
                        border-color: white;
                        border-width:  3px;
                        border-style:  solid;
                        padding: 8px;       
 }
 .subnavlist a:hover{
                       background-color:  #945f8e;
 }
 /*headings css*/
 h1{
                       color: white;
                       font-size:40px;
                       font-weight: bold;
                       font-family: sans-serif;
                       padding: 10px;
                       text-align: center;
                       width: 1250px;
                         }
 h2{
                       color: white;
                       font-size:30px;
                       font-weight: bold;
                       font-family: sans-serif;
                       text-align: center;
 }
  /*alignment of content*/
 .mainlogo{
                    text-align: center;
                    width: 1250px;
                    margin-left: 40px;
                    }
 /*flexgrids to align content (texts and photos)*/
 #content-container1{
                              padding: 10px;
                              display:grid;
                              grid-template-columns: 1fr 1fr;
                              width: 1250px;
                         }
  #content-container2{
                              padding: 10px;
                              display:grid;
                              grid-template-columns: 1fr 1fr;
                              width: 1250px;
                         }
 #container-pic1{
                               padding: 10px;
                               text-align: center;
                               margin-left:50px;
                         }
 #container-pic2{
                               padding: 10px;
                               text-align: center;
                               margin-left:50px;
                         }
.container-text1{
                              text-align: center;
                              color: white;
                              font-size:20px;
                              font-family: sans-serif;
                              padding: 80px;
                              margin-right: 60px;
                                 }
 .container-text2{
                              text-align: center;
                              color: white;
                              font-size:20px;
                              font-family: sans-serif;
                              padding: 80px;
                              margin-right: 60px;
                                 }
.photolist-container{
                              width: 1250px;
                              margin-left: 80px;
}
 /*css for aligning photos in list */
 .photolist li{
                        list-style-type: none;
                        display: inline;
                        text-align: center;
 }
 /*css for pages with videos*/
  .vid{
       margin-left: 110px;
 }
 /*footer*/
 .footer{     
          background-color:#D489CC;
          clear: both;
          font-size: 15px;
          font-family: sans-serif;
          color: white;
          text-align: center;
          width: 1250px;
 }