body{background-color:rgba(100,0,0);}

.container{width:90%; margin:auto; }


#Header {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:center; font-size:4vw; color:white;}

#TextBox-1 {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}




#Slices {width:60%; margin:auto; margin-bottom:10%; }

#TextBox-2 {width:60%; height:30%; margin:auto; margin-bottom:7%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}

#Header-2 {width:50%; height:30%; margin:auto; margin-bottom:8%;  margin-top:5%;
          text-align:center; font-size:3vw; color:white;}

#TextBox-3 {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}

#Heart {width:40%; margin:auto; margin-bottom:1%; }

#Button {width:10%; margin:auto; margin-bottom:10%;}

#TextBox-4 {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}



#TextBox-5 {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}

#TextBox-6 {width:60%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:2vw; color:white;}



#Gallery {margin:auto;
          text-align:center; 
          width:20%; 
          font-size:6vw; 
          color:white;
          margin-bottom:2%; }



#Footer{width:90%; color:white; background-color:black; 
            font-size:4.5vw; 
            text-align:center; 
            margin:auto; margin-top:10%;  
            margin-bottom:5%;
            padding-top:2%;
            padding-bottom:2%; border: 1px solid white;}



#Email{text-align:center;font-size:4vw; padding-bottom:4%;}














@media screen and (max-width: 980px){

body{background-color:rgba(100,0,0);}

.container{width:90%; margin:auto; }


#Header {width:80%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:center; font-size:5vw; color:white;}

#TextBox-1 {width:70%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}




#Slices {width:60%; margin:auto; margin-bottom:10%; }

#TextBox-2 {width:70%; height:30%; margin:auto; margin-bottom:7%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}

#Header-2 {width:70%; height:30%; margin:auto; margin-bottom:8%;  margin-top:5%;
          text-align:center; font-size:4vw; color:white;}

#TextBox-3 {width:70%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}

#Heart {width:60%; margin:auto; margin-bottom:1%; }

#Button {width:10%; margin:auto; margin-bottom:10%;}

#TextBox-4 {width:70%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}



#TextBox-5 {width:70%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}

#TextBox-6 {width:70%; height:30%; margin:auto; margin-bottom:10%;  margin-top:5%;
          text-align:left; font-size:3vw; color:white;}



#Gallery {margin:auto;
          text-align:center; 
          width:20%; 
          font-size:6vw; 
          color:white;
          margin-bottom:2%; }



#Footer{width:90%; color:white; background-color:black; 
            font-size:6vw; 
            text-align:center; 
            margin:auto; margin-top:10%;  
            margin-bottom:5%;
            padding-top:2%;
            padding-bottom:2%; border: 1px solid white;}



#Email{text-align:center;font-size:4vw; padding-bottom:4%;}

}