*{
    scroll-behavior: smooth;
}
@media screen and (max-width: 480px){
    h2, h3{font-family: 'Montserrat', sans-serif;
            }
    #reference, #aboutUS{
        width: 90%;
        margin-left: 10%;
        margin-top: 30px;
margin-bottom: 20px;
    }
    #aboutUsFirst{
        display: flex;
        justify-content: space-around;
    }
    #weAre{
        width: 60%;
    }
    #weAreBlack{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #weAreBlack p{
        margin-left: 10%;
    }
    #weAreBlack h2{
        width: 100%;
        margin-left: 10%;
        border-bottom: 3px solid #F5FF00;
    }
    #weAreBlack p{
        padding-top: 10px;
    }
    #material{
        margin-top: 30px;
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #material p{margin-left: 10%;}
    #material h2{
         width: 100%;
         margin-left: 10%;
        border-bottom: 3px solid #F5FF00;
    }
    #material p{
        padding-top: 10px;
    }
    #quality{
        display: none;
    }
    article{
        margin-top: 30px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 100%;
    }
    #ourWork h2{
        width: 70%;
        margin-left: 18%;
        border-bottom: 3px solid #F5FF00;
    }
    #ourWork p{
        margin-left: 18%;
    }
    #reference{
        height: 90vh;
        padding-top: 5vh;
    }
    #reference article{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #reference h2{
        width: 90%;
        margin-left: 10%;
        border-bottom: 3px solid #F5FF00;
    }
    #reference p{font-family: 'Source Sans Pro', sans-serif;
                 padding-top: 10px;
                 margin-left: 10%;
                        }
    #ourWork{
        width: 100%;
        background: url(Pictures/link2.JPG);
        background-size: cover;
background-position: center;
        padding-bottom: 30px;
    }
    #ourWork article{
        margin-left: 10%;
        color: white;
        padding-top: 13%;
        font-size: 100%;
        text-height: bold;
    }
    #uLikeUs{
        width: 100%;
        height: 100vh;
    }
    #contact{
        margin-top: 540px;
    }
#openTimeMargin{
margin-top:18px;
}
    #contact article{
        margin-left: 10%;
    }
    #contactArticle p, h2{
        margin-left: 18%;
    }
    #time{
        width: 40%;
        margin-left: -5%;

    }
    #openTime{
        display: flex;
        justify-content: space-around;
        margin-left: 3%;

    }
    .maps{
        margin-left: 18%;
        height: 250px;
        width: 80%;
        margin-top: 50px;
    }
    .maps h2{padding-bottom: 20px;}
    #footer{
        padding-bottom: 30px;
        background: #262626;
        color: white;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 25px;
        margin-top: 80px;
        font-family: 'Source Sans Pro', sans-serif;
    }
    #footerDiv{
        margin-top: 100px;
        margin-left: 23%;
    }
}
@media screen and (max-width: 345px){
#contact{
        margin-top: 730px;
    }
}
@media screen and (min-width: 481px) and (max-width: 1024px){
    h2, h3{font-family: 'Montserrat', sans-serif;
            }
    #reference, #aboutUS{
        width: 100%;
        margin-top: 30px;
    }
    #aboutUsFirst{
        display: flex;
        justify-content: space-around;
    }
    #weAre{
        margin-left: 10%;
        width: 60%;
    }
    #weAreBlack{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #weAreBlack h2{
        width: 30%;
        border-bottom: 3px solid #F5FF00;
    }
    #weAreBlack p{
        padding-top: 10px;
    }
    #material{
        margin-top: 30px;
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #material h2{
         width: 50%;
        border-bottom: 3px solid #F5FF00;
    }
    #material p{
        padding-top: 10px;
    }
    #quality{
        width: 40%;
        height: 70%;
        box-shadow: 3px 0px 10px #262626;
    }
    article{
        margin-top: 30px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 110%;
    }
    #ourWork h2{
        width: 50%;
        border-bottom: 3px solid #F5FF00;
    }
    #reference{
        height: 90vh;
        padding-top: 5vh;
    }
    #reference article{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #reference h2{
        width: 30%;
        border-bottom: 3px solid #F5FF00;
    }
    #reference p{font-family: 'Source Sans Pro', sans-serif;
                 padding-top: 10px;
                        }
    #ourWork{
        width: 100%;
        background: url(Pictures/link2.JPG);
              background-size: cover;
background-position: center;
        padding-bottom: 30px;
    }
    #ourWork article{
        margin-left: 10%;
        color: white;
        padding-top: 13%;
        font-size: 120%;
        text-height: bold;
    }
    #uLikeUs{
        width: 100%;
        height: 100vh;
    }
    #contact{
        margin-top: 420px;
    }
    #contact article{
        margin-left: 10%;
    }
    #contactArticle{
        display: flex;
    }
    #openTimeMargin{
        margin-left: 10%;
    }
    #openTime{
        display: flex;
        justify-content: space-around;
    }
    #map{
        display: flex;
        justify-content: space-around;
    }
    .maps{
        height: 300px;
        width: 50%;
    }
    .maps h2{padding-bottom: 20px;}
    #footer{
        height: 95vh;
        background: #262626;
        color: white;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 10px;
        margin-top: 60px;
        font-family: 'Source Sans Pro', sans-serif;
    }
    #footerDiv{
        margin-top: 60px;
    }
}
@media screen and (min-width: 1025px){
    h2, h3{font-family: 'Montserrat', sans-serif;
            }
    #reference, #aboutUS{
        width: 100%;
        margin-top: 30px;
    }
    #aboutUsFirst{
        display: flex;
        justify-content: space-around;
    }
    #weAre{
        width: 60%;
        margin-left: 10%;
    }
    #weAreBlack{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #weAreBlack h2{
        width: 30%;
        border-bottom: 3px solid #F5FF00;
    }
    #weAreBlack p{
        padding-top: 10px;
    }
    #material{
        margin-top: 30px;
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #material h2{
         width: 50%;
        border-bottom: 3px solid #F5FF00;
    }
    #material p{
        padding-top: 10px;
    }
    #quality{
        width: 35%;
        box-shadow: 3px 0px 10px #262626;
    }
    article{
        margin-top: 30px;
        font-family:'Source Sans Pro', sans-serif;
        font-size: 110%;
    }
    #ourWork h2{
        width: 30%;
        border-bottom: 3px solid #F5FF00;
    }
    #reference{
        height: 90vh;
        padding-top: 5vh;
    }
    #reference article{
        padding: 5% 10%;
        background: #262626;
        color: white;
    }
    #reference h2{
        width: 30%;
        border-bottom: 3px solid #F5FF00;
    }
    #reference p{font-family: 'Source Sans Pro', sans-serif;
                 padding-top: 10px;
                        }
    #ourWork{
        width: 100%;
        height: 100vh;
        background: url(Pictures/link2.JPG);
              background-size: cover;
background-position: center;
    }
    #ourWork article{
        margin-left: 10%;
        color: white;
        padding-top: 7%;
        font-size: 120%;
        text-height: bold;
    }
    #uLikeUs{
        width: 100%;
        height: 100vh;
    }
    #contact{
        margin-top: 380px;
    }
    #contact article{
        margin-left: 10%;
    }
    #contactArticle{
        display: flex;
    }
    #openTimeMargin{
        margin-left: 15%;
    }
    #openTime{
        display: flex;
        justify-content: space-around;
    }
    #map{
        display: flex;
        justify-content: space-around;
    }
    .maps{
        height: 300px;
        width: 50%;
    }
    #mapaSec{
        margin-left: 10%;
    }
    #mapaSecH{
        margin-left: 10%;
    }
    .maps h2{padding-bottom: 20px;}
    #footer{
        height: 80vh;
        background: #262626;
        color: white;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 10px;
        margin-top: 60px;
        font-family: 'Source Sans Pro', sans-serif;
    }
    #footerDiv{
        margin-top: 60px;
    }
}
@media screen and (min-width: 1550px){
#ourWork{height: 82vh;}
#contact{margin-top: 230px;}
}