@font-face { font-family: Chalkboard; src: url('../fonts/Chalkboard.ttc'); }
@font-face { font-family: Lora;
src: url('fonts/Lora-VariableFont_wght.ttf'); }

.header a:link{color: #dfd1e6; text-decoration:none;}
.header a:visited{color: #dfd1e6; text-decoration:none;}
.header a:hover {background-color:#49464a ; text-decoration:none;}


/* Mobile */

body {
    
    background-color: #825d8b;
    
    display: grid;
    grid-template-columns: 0% auto 0%;
    
}

.grid-container {
    
    grid-column: 2/3;
    
    display: grid;
    grid-template-rows: 14vh auto auto;
    
    border-style: solid;
    border-width: 1.5px;

}


.grid-container .logo{
    grid-column: 1/-1;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: center;

    border-style: solid;
    border-width: 0px;


    
    
    display: grid;
    grid-template-rows: 74.5% 25.5%;
    
    overflow: hidden;

}

.logo .top-flower{
    background-image: url("../Pictures/logo.png");
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
    grid-row: 1/2;
}

.logo .name{
    font-family: Lora;
    font-size: 19;
    padding-top: .2vh;
    background-color: #C1BDC3;
    
    -webkit-transform:scale(1.2,1);
    
    
    grid-row: 2/3;
}


.grid-container .header {
    grid-column: 1/-1;
    grid-row-start: 2;
    grid-row-end: 3;
    text-align: center;
    padding: 7px;

    align-items: center;

    Font-size: 14;
    font-family: chalkboard;
    
    display: grid;
    grid-template-columns: 4fr 6fr 4fr 4fr 4fr; 
    grid-template-rows: 1fr;
  
    Background-color: #000000;
    border-style: solid;
    border-width: 0px;
}

.header .headerHome {
    grid-column: 1 / 2;
    grid-row-start: 1;
    grid-row-end: 1;   
  
    

    border-style: solid;
    border-width: 0px;

}
.header .headerPage1 {
    grid-column: 2 / 3;
    grid-row-start: 1;
    grid-row-end: 1;
  

    border-style: solid;
    border-width: 0px;

}
.header .headerOrder {
    grid-column: 3 / 4;
    grid-row-start: 1;
    grid-row-end: 1;
  

    border-style: solid;
    border-width: 0px;

}
.header .headerFAQs {
    grid-column: 4 / 5;
    grid-row-start: 1;
    grid-row-end: 1;
  

    border-style: solid;
    border-width: 0px;

}
.header .headerContact {
    grid-column: 5 / 6;
    grid-row-start: 1;
    grid-row-end: 1;
  

    border-style: solid;
    border-width: 0px;

}

.grid-container .menu{
    background-color: ghostwhite;
    text-align: center;
    align-items: center;
    
        
    grid-row: 3/4;
    
    color: black;
    
    padding-bottom: 0px;

    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    
    border-style: solid;
    border-width: 1px 0px 2px 0px;
    
    align-self: center;
    overflow: hidden;
    
}


.menu a:link{color: black; text-decoration:underline;}
.menu a:visited{color: black; text-decoration:none;}
.menu a:hover {background-color:lightcyan; text-decoration: underline;}

.menu a{
    
    padding: 3px;
    
}


.grid-container .main {
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: 4;
    grid-row-end: 5;
    text-align: center;

    display: grid; 
    grid-template-columns: 100%;
    grid-template-rows: minmax(500px, auto) auto;
    
    overflow: hidden;
    

    background-image: url("../Pictures/background2.jpg");
    background-color: #cccccc;
    background-repeat: repeat;
  
    border-style: solid;
    border-width: 0px;
 
}








.main .content{
    
    grid-row: 1/2;
    
    
    
    display: grid;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    
    grid-template-columns: 100%;
    
    
    justify-items: center;
    overflow: hidden;
    line-height: 19px;
    
}

.content img{
    
    border-width: 2px;
    border-style: solid;
    border-color: blue;
    
    
}


.content .section1{
    
        
    grid-row: 1/2;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] 10vh [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px;
    padding-bottom: 20px;
    
}

.section1 .title{
    
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;

}

.title .category{
    
    font-weight: bold;
    font-size: 18;
    
}

.title .categoryabbreviation{
    font-size: 18;
    
}

.section1 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section1 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section1 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }





.content .section2{
    
    grid-row: 2/3;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px;
    padding-bottom: 20px;
    
}


.section2 .title{
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;
}

.section2 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section2 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section2 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section2 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }




.content .section3{
    
    grid-row: 3/4;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px;
    padding-bottom: 20px;
}


.section3 .title{
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;
}

.section3 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section3 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section3 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section3 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }




.content .section4{
    
    grid-row: 4/5;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px;
    padding-bottom: 20px;
    
}


.section4 .title{
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;
}

.section4 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section4 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section4 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section4 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }


.content .section5{
    
    grid-row: 5/6;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px;
    padding-bottom: 20px;
    
}


.section5 .title{
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;
}

.section5 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section5 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section5 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section5 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }




.content .section6{
    
    grid-row: 6/7;
    
    display: grid;
    
    grid-template-rows: 3vh [header-start] auto [header-end] 1.5vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] 10vh [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];
    
    grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2%;
    
    align-items: center;
    
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    padding-bottom: 20px;
    
}


.section6 .title{
    grid-row: header-start/header-end;
    grid-column: pic1-start/-2;
    background-color: aliceblue;
    align-self: baseline;
    padding: 5px 2px;
    width: 100%;
}

.section6 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section6 .cap1{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section6 .cap2{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .pic3{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section6 .cap3{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .pic4{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .cap4{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .pic5{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .cap5{ 
        grid-row: cap5-start/cap5-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .pic6{ 
        grid-row: pic5-start/pic5-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .cap6{ 
        grid-row: cap5-start/cap6-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .pic7{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .cap7{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .pic8{ 
        grid-row: pic7-start/pic7-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .cap8{ 
        grid-row: cap7-start/cap7-end;
        grid-column: pic2-start/pic2-end;
    }







.tall-image img{
    
    max-width:100%;
    max-height:100%;
    
}

.square-image img{
    
    max-width:100%;
    max-height:100%;
    
}

.side-image img{
    
    max-width:100%;
    max-height:100%;
    
}


.main .footer {
    Font-family: Chalkboard;
    font-size: 12;
    
    grid-column: 1 / -1;
    Grid-row: -2 / -1;
    padding-bottom: 12px;

}
br {
    line-height: 6px;
 }

@media(min-width: 375px){
    
    body{
        
        grid-template-columns: 2% auto 2%;
        
    }
    
     .logo .name{
        
        font-size: 21;
        -webkit-transform:scale(1.4,1);
        
    }
    
    .grid-container .header {
        
        font-size: 18;
        
    }
    
    
    
    .content .pic1{ 
    

        max-height: 100%;
        max-width: 93%;
    }

    .content .cap1{ 

    }
    .content .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .content .cap2{ 

    }
    .content .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
 

    
    .main .footer {
        grid-row: -2/-1;
        font-size: 16;

    
    }
    
}

@media(min-width: 460px){
    
    body{
        
        grid-template-columns: 2% auto 2%;
        
    }
    
     .logo .name{
        
        font-size: 21;
        -webkit-transform:scale(1.4,1);
        
    }
    
    .grid-container .header {
        
        font-size: 18;
        
    }
    
        .content .pic1{ 
    

        max-height: 100%;
        max-width: 93%;
    }

    .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }

    
    .main .footer {
        grid-row: -2/-1;
        font-size: 16;

    
    }
    
}

@media (min-width: 550px){
    
    
    .section1 .pic1{ 
    

        max-height: 100%;
        max-width: 93%;
    }

    .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
    
}

@media (min-width: 700px){
    
    .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
}

@media (min-width: 750px){
    
    .logo .name{
        
        font-size: 22;
        -webkit-transform:scale(1.8,1.2);
        
    }
    
}

@media (min-width: 775px){

    .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }



    
    
    
}

@media (min-width: 850px){

   .content .section1{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] 10vh [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] minmax(20%, auto) [pic4-end] 2%;


    }
    
    .section1 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section1 .cap1{ 
        

    }
    .section1 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 
        
    }
    .section1 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section1 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section1 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section1 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section1 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section1 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section1 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section1 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section1 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section1 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }

    .content .section2{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] minmax(20%, auto) [pic4-end] 2%;


    }
    
    .section2 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section2 .cap1{ 
        

    }
    .section2 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section2 .cap2{ 
        
    }
    .section2 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section2 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section2 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section2 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section2 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section2 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section2 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section2 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section2 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section2 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }
    
    
    .content .section3{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] auto [pic4-end] 2%;


    }
        
    .section3 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section3 .cap1{ 
        

    }
    .section3 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section3 .cap2{ 
        
    }
    .section3 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section3 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section3 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section3 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section3 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section3 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section3 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section3 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section3 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section3 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }
    
    
    .content .section4{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] auto [pic4-end]  2%;


    }
    
    
    .section4 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section4 .cap1{ 
        

    }
    .section4 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section4 .cap2{ 
        
    }
    .section4 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section4 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section4 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section4 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section4 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section4 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section4 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section4 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section4 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section4 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }
    
    
    .content .section5{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] auto [pic4-end]  2%;


    }
    
    
    .section5 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section5 .cap1{ 
        

    }
    .section5 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section5 .cap2{ 
        
    }
    .section5 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section5 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section5 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section5 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section5 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section5 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section5 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section5 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section5 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section5 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }
    
    
    .content .section6{
    
        grid-template-rows: 3vh [header-start] auto [header-end] 1.8vh [pic1-start pic2-start] auto [pic1-end pic2-end cap1-start cap2-start] auto [cap1-end cap2-end pic3-start pic4-start] auto [pic3-end pic4-end cap3-start cap4-start] auto [cap3-end cap4-end pic5-start pic6-start] auto [pic5-end pic6-end cap5-start cap6-start] auto [cap5-end cap6-end pic7-start pic8-start] auto [pic7-end pic8-end cap7-start cap8-start] auto [cap7-end cap8-end pic9-start pic10-start] auto [pic9-end pic10-end cap9-start cap10-start] auto [cap9-end cap10-end pic11-start pic12-start];    
        
        grid-template-columns: 2% [pic1-start] auto [pic1-end] 2% [pic2-start] auto [pic2-end] 2% [pic3-start] auto [pic3-end] 2% [pic4-start] minmax(20%, auto) [pic4-end]  2%;
        

    }
    
    
    .section6 .pic1{
        grid-row: pic1-start/pic1-end;
        grid-column: pic1-start/pic1-end;
        
    }
    .section6 .cap1{ 
        

    }
    .section6 .pic2{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic2-start/pic2-end;
        
        max-height: 100%;
        max-width: 90%;
    }
    .section6 .cap2{ 
        
    }
    .section6 .pic3{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic3-start/pic3-end;
        
    }
    .section6 .cap3{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic3-start/pic3-end;
    }
    .section6 .pic4{ 
        grid-row: pic1-start/pic1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section6 .cap4{ 
        grid-row: cap1-start/cap1-end;
        grid-column: pic4-start/pic4-end;
    }
    .section6 .pic5{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .cap5{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic1-start/pic1-end;
    }
    .section6 .pic6{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .cap6{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic2-start/pic2-end;
    }
    .section6 .pic7{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section6 .cap7{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic3-start/pic3-end;
    }
    .section6 .pic8{ 
        grid-row: pic3-start/pic3-end;
        grid-column: pic4-start/pic4-end;
    }
    .section6 .cap8{ 
        grid-row: cap3-start/cap3-end;
        grid-column: pic4-start/pic4-end;
    }
    
    
}

@media (min-width: 1020px){

 .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
}

@media (min-width: 1200px){
    
   .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
}

@media (min-width: 1370px){

.section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
}

@media (min-width: 550px) and (min-height: 900px){
    
   .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
    
}

@media (min-width: 850px) and (min-height: 1250px){
    
        
   .section1 .cap1{ 

    }
    .section1 .pic2{ 

        max-height: 100%;
        max-width: 90%;
    }
    .section1 .cap2{ 

    }
    .section1 .pic3{ 

    }
    .section1 .cap3{ 

    }
    .section1 .pic4{ 

    }
    .section1 .cap4{ 

    }
    .section1 .pic5{ 

    }
    .section1 .cap5{ 

    }
    .section1 .pic6{ 

    }
    .section1 .cap6{ 

    }
    .section1 .pic7{ 

    }
    .section1 .cap7{ 

    }
    .section1 .pic8{ 

    }
    .section1 .cap8{ 

    }
}