/*======================= MAIN-HOME=====================*/
#main-home{
    margin-top         : 25px;
    width              : 100%;
    
}


.pine-town-stores img{
    width                : 300px;
    height               : 150px;
    display              : grid;
    column-count         : 3;
    
    float                : left;
    margin-left          : 80px;
    margin-top           : 20px;
    
    box-sizing           : border-box;
    border               :5px solid #00FFF;

}



/*======================== MAIN =========================*/
#main{
    margin             : 20px 10px 20px 10px;
    background         : url(images/background-1.jpg")B;
    background-repeat  : repeat-y;
    
}

#content{

    padding             : 0px;

}


/*========================= TOP TABS =====================*/
#tabs-top{
    position           : absolute;
    top                : 80px;
    left               : 0;
    z-index            : 500;
    width              : 100%;
    height             : 40px;
    background-color   : darkgrey;
    

}
  
#tabs-top a{
    float             : left;
    display           : block;
    width             : 15%;
    height            : 35px;
    font-weight       : 100;
    font-family       : fantasy;
    color             : black;
    text-align        : center;
    text-decoration   : none;
    padding-top       : 12px;

        
}

/*========================== HEADER ===========================*/
#header{

    top                      : 2px;
    left                     : 0px;
    z-index                  : 500;
    width                    : 100%;
    height                   : 100px;
    
}



.header img{
    display                  : block;
    justify-content          : space-between;
    align-content            : center;
    padding-top              : 5px;
    
    
    width                    :100px;
    height                   :20px;
    
        
}

/*========================== paragraph =====================-===*/
#p {
  border                      : 1px solid black;
  outline-style               : solid;
  outline-color               : black;
  outline-width               : thin;
}

/*=========================== BODY ==========================*/
body{
    background-image          : url(images/background-1.jpg")
    background-size           : cover;
    position                  : relative;
    background-position       : center;
    background-repeat         : no-repeat;
    background-attachment     : fixed;
    
    
}

/*=========================== MAP ========================*/
.map{
    padding-bottom       : 150px;
    width                : 70%;
    display              : grid;
    justify-content      : center;
    align-content        : center;
    text-align           : justify;
    padding              : 50px 300px 50px 600px;
    top                  : 50px;
        
}

.map img{
    width                 :700px;
    height                : 500px;
    border                : 2px solid rgb(5,0,50)
    left                  : 50px;
}
 
/*============================== ABOUT ================*/
.about-mall img{
    width: 300px;
    line-height: 150px;
    
    padding-bottom: 15px;
    padding-left: 10px;
 
}

/*============================ STORES ================*/

#info-box-full img{
    width           :80%
}

#info-box-full h3{
   text-align       : center
}


a.info-box{
      text-decoration : none;
      background      : rgba(255 ,225, 255, .8);
      width           : 100%;
      height          : 90px;
      display         : block;
      margin          : auto;
      margin-top      : 12px;
      padding         : 1px; 
}

.info-box img{
    height           :60px;
    margin           :0px;
    border           : 2px solid black;
    float            :left
}

.info-box h3{
    padding         : 0;
    margin-bottom   : 0;
    width           : 90%;
    color           : #000FFF;
}


.info-box img.right{
    float           : right;
    margin-top      : 25px;
    height          : 40px;
}

/*===================INFO BOX FULL=========================*/
#info-box-full{
   background-color  : rgba(255, 255, 255, .8) ;
   width             : 100%;
   display           : block;
   margin            : auto;
   margin-top        : 12px;
   padding           : 10px; 
    
}

#info-box-full img{
    width           :20%
}

#info-box-full h3{
   text-align       : center;
   
}




/*============================= STORE PAGES================*/
.stores-container{
    display                         : flex;
    flex-flow                       : wrap;
    align-self                      : auto;
    justify-items                   : baseline;
    justify-content                 : space-around;
    text-align-last                 : left;
    background-color                : papayawhip;
    padding: 70px 30px 70px 30p;

    width                           : 100%;
    height: 70%;
    border-bottom-right-radius      : 10%; 
    position                        : center;
    object-fit                      : cover;
    padding-top: 25px;
}

.store-logo img{
    display                         : grid;
    grid-auto-flow                  : row;
    grid-auto-rows                  : 4;
    box-sizing                      : border-box;
    border                          :5px solid #000000;
    justify-content                 : center;
    border-radius                   : 2px;
    padding-top                     : 10px;
    padding-left                    : 10px;
    padding-bottom                  : 10px;
    width                           : 300px;
    height                          : 150px
        
}

.images{

    padding-top                : 20px;
       border                  : 2px solid rgb(9,0,58);  
    
}
/*=============================== MOVIES ==================*/

.cinema-container{
    padding-top                   : 0px;
    background-color              : #f2f2f2;
    border-bottom-right-radius    : 40%; 
    width                         : 80%;
    position                      : center;
    align-content                 : center;
    justify-content               : space-around;
}

ul img{
    width                         : 150px;
    height                        : 150px;
    float                         : left;
}

h2{
    padding-left                   : 20px;
    font-family                    : serif sans-serif;
    text-decoration                : underline;
    text-align                     : center;
    margin-bottom                  : 0px;
    padding                        : 12px;
}


/*===============================MOVIE PAGES===============*/
.img{
    width                        : 50px;
    height                       : 50px;
    
}
.attributes{
    background-color             : #ffffff;
    
    
}

.movies- container cinema{                        
    display                      : grid;
    grid-auto-flow               : row;
    justify-items                : center;
    align-items                  : center;
    text-align                   : center;
  
}
/*=============================== CONTCAT US===============*/
* {
  box-sizing                     : border-box;

}
input[type=text], select, textarea {
  width                         : 100%;
  border                        : 1px solid #ccc;
  margin-top                    : 0px;
  margin-bottom                 : 0px;
 
   
}

input[type=submit] {
  background-color              : #00008B;
  color                         : silver;
  padding                       : 15px 10px;
  border                        : none;
  cursor                        : pointer;
}

input[type=submit]:hover {
  background-color              : #FF0000;
}

.container {
  border-radius                 : 2px;
  background-color              : #f2f2f2;
  padding-top                   : 25px;
  color:darkorange;
}


.column {
  float                        :left;
  width                        : 50%;
  margin-top                   : 6px;
  padding                      : 20px;
}


.row:after {
  content                      : no-open-quote;
  display                      : table;
  clear                        : both;
}