 * {box-sizing: border-box;}
            .mySlides {display: none;}
            img {vertical-align: middle;}

            /* Slideshow container */
            .slideshow-container {
                max-width: 1000px;
                position: relative;
                margin: auto;
            }

            /* Caption text */
            .text {
                color: #f2f2f2;
                font-size: 15px;
                padding: 8px 12px;
                position: absolute;
                bottom: 8px;
                width: 100%;
                text-align: center;
            }

            /* The dots/bullets/indicators */
            .dot {
                height: 15px;
                width: 15px;
                margin: 0 2px;
                background-color: #bbb;
                border-radius: 50%;
                display: inline-block;
                transition: background-color 0.1s ease;
            }

            /* Fading animation */
            .fade {
                -webkit-animation-name: fade;
                -webkit-animation-duration: 6.5s;
            }

            @-webkit-keyframes fade {
                from {opacity: .7}
                to {opacity: 1}
            }

            .subheadings {
                color: black;
            }
            .wording {
                text-align: justify;
            }
            .card-footer {
                text-align: center;
            }
            body {
                overflow-x: hidden;
            }
			
			.fullscreen {
				max-height: 100vh;
				max-width: 100vw;
			}
			
			.items {
				width: 100%;
			}

            .centerOnPhone {
                float: right;
            }

            @media screen and (min-width: 600px) {
                .subheadings {
                    font-size: 3.5vw;
                }
                .wording {
                    font-size: 1.3vw;
                }
                .card-footer {
                    font-size: 1.3vw;
                  text-align: center;
                }
            }
            @media screen and (max-width: 600px) {
                body {
                    max-width: 100vw;
                    overflow-x: hidden;
                }
                
                .myBody {
                 overflow-x: hidden;
                }
				
				.items {
					max-height: 250px;
				}
				
				.fullscreen {
				max-height: 100vh;
				max-width: 100vw;
			}

                #hideOnPhone {
                    display: none;
                }

                .centerOnPhone {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                }

                .subheadings {
                    text-align: center;
                    font-size: 7vw;
                }
                .wording {
                    font-size: 3vw;
                    margin-left: 5%;
                    margin-right: 5%;
                }
                .services {
                    /*max-width: 90%;*/
                }

                blockquote {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 80%;
                    border-radius: 5px;
                    box-shadow: 3px 3px 3px 3px #fa8072;
                }
            }



            blockquote {
                min-height: 5em;
                padding   : 1em 4em;
                position  : relative;
                background-color: #FFCCCB;
                border-radius: 10px;
                box-shadow: 5px 5px 5px 5px #fa8072;
            }

            

            blockquote i {
                display   : block;
                font-size : 0.8em;
                margin-top: 1rem;
                text-style: italic;
                text-align: right;
            }

 html {
     scroll-behavior: smooth;
 }
 .topnav {
     overflow: hidden;
     background-color: #dc3545;
 }

 .topnav a {
     float: left;
     display: block;
     color: #f2f2f2;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 17px;
 }

 .topnav a:hover {
     background-color: white;
     color: black;
 }

 .topnav .icon {
     display: none;
 }

 @media screen and (max-width: 600px) {
     .topnav a:not(:first-child) {display: none;}
     .topnav a.icon {
         float: right;
         display: block;
     }
 }

 @media screen and (max-width: 600px) {
     .topnav.responsive {position: relative;}
     .topnav.responsive .icon {
         position: absolute;
         right: 0;
         top: 0;
     }
     .topnav.responsive a {
         float: none;
         display: block;
         text-align: left;
     }
 }


 .card {
     transition: transform .5s;
 }
 .card:hover {
     -ms-transform: scale(1.3); /* IE 9 */
     -webkit-transform: scale(1.3); /* Safari 3-8 */
     transform: scale(1.3);
     z-index: 1;
 }
 .header {
     z-index: 2;
     background-color: #dc3545;
     width: 100vw;
     top: 0;
 }
 @media screen and (min-width: 600px) {
     .sticky {
         position: fixed;
         z-index: 2;
         background-color: #dc3545;
         width: 100vw;
         top: 0;
     }
     .display-5 {
         margin-right: 3rem;
     }
     .standOut {
         transition: transform .5s;
         margin-right: 1rem;
         margin-left: 1rem;
     }
     .standOut:hover {
         -ms-transform: scale(1.3); /* IE 9 */
         -webkit-transform: scale(1.3); /* Safari 3-8 */
         transform: scale(1.3);
         z-index: 1;
     }
 }