body {
    margin: 0px;
}

.header {
    width: 100%;
    height: 100vh;


    h1 {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 21%;
        text-align: center;
        max-height: 3.1395em;
        color: rgba(255, 255, 255, 1);
        font-family: proxima-nova, sans-serif;
        font-size: 94px;
        font-style: normal;
        font-weight: 100;
        text-transform: none;
        line-height: 1.0465;
        letter-spacing: normal;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);

       
        @media only screen and (max-width: 800px) {
           
    padding-top: 60%;
    font-size: 4em;
        }
    }

    h2 {
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-family: proxima-nova, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.605;
        letter-spacing: normal;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
        padding-top: 7rem;
 @media only screen and (max-width: 800px) {
           
    font-size: 16px;
        }
    }
}

.description {
    .container {
        padding: 5.000rem 10%;

        p {
            font-family: proxima-nova, sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            text-transform: none;
            line-height: 1.6;
            letter-spacing: normal;
            color: #6d6d6d;

        }

        p+p {
            margin-top: 2.500rem;
        }
    }
}

.feature {
    .container {
        padding: 5.000rem 8%;

        ul {
            li {
                font-family: proxima-nova, sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 300;
                text-transform: none;
                line-height: 1.6;
                letter-spacing: normal;
                color: rgba(17, 26, 11, 1);
                margin-left: 36px;
                margin-right: 0px;
                padding-bottom: 15px;
            }
        }

        h4 {
            text-align: center;
            font-family: proxima-nova, sans-serif;
            font-size: 29px;
            font-style: normal;
            font-weight: 400;
            text-transform: none;
            line-height: 1.4;
            letter-spacing: normal;
            color: rgba(0, 0, 0, 1);
            padding-bottom: 15px;
        }

        p {
            font-family: proxima-nova, sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            text-transform: none;
            line-height: 1.6;
            letter-spacing: normal;
            color: rgba(17, 26, 11, 0.8);

        }

        p+p {
            margin-top: 2.500rem;
        }
    }
}

.specs {
    width: 100%;
    height: 900px;

    .content-container {
        background-color: rgba(255, 255, 255, 0.9);
        width: 30%;
        margin: 32px 80px;

        @media only screen and (max-width: 800px) {
            margin: 32px 20px;
            width: auto;
        }

        padding: 56px 32px;
        max-width: 580px;
        position: relative;
        top: 200px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .25);

        ul {
            padding-left: 0px;

            li {
                font-family: proxima-nova, sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 300;
                text-transform: none;
                line-height: 1.6;
                letter-spacing: normal;
                color: rgba(17, 26, 11, 1);
                margin-left: 36px;
                margin-right: 0px;
                margin-bottom: 0.500rem;
            }
        }

        h4 {
            font-family: proxima-nova, sans-serif;
            font-size: 29px;
            font-style: normal;
            font-weight: 400;
            text-transform: none;
            line-height: 1.4;
            letter-spacing: normal;
            color: rgba(0, 0, 0, 1);
            text-align: left;
        }

        h4+ul {
            margin-top: 2.500rem;
        }
    }
}

.toys {
    width: 100%;
    height: 1200px;

    .content-container {
        background-color: rgba(255, 255, 255, 0.9);
        width: 30%;
        margin: 32px 80px;
        padding: 56px 32px;
 @media only screen and (max-width: 800px) {
            margin: 32px 20px;
            width: auto;
        top: 10px;
        }

        max-width: 580px;
        position: relative;
        top: 200px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .25);

        ul {
            padding-left: 0px;

            li {
                font-family: proxima-nova, sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 300;
                text-transform: none;
                line-height: 1.6;
                letter-spacing: normal;
                color: rgba(17, 26, 11, 1);
                margin-left: 36px;
                margin-right: 0px;
                margin-bottom: 0.500rem;
            }
        }

        h4 {
            font-family: proxima-nova, sans-serif;
            font-size: 29px;
            font-style: normal;
            font-weight: 400;
            text-transform: none;
            line-height: 1.4;
            letter-spacing: normal;
            color: rgba(0, 0, 0, 1);
            text-align: left;
        }

        h4+ul {
            margin-top: 2.500rem;
        }
    }
}

.gallery {
    padding: 5.000rem 20%;

    @media only screen and (max-width: 1250px) {
        padding: 5.000rem 5%;

    }


    h4 {
        font-family: proxima-nova, sans-serif;
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        line-height: 1.4;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 1);
        text-align: center;

    }

    .photo-grid {
        margin: 70px;

        @media only screen and (max-width: 800px) {
            margin: 0px;

        }

        .img {
            border: 10px solid white;
            height: 275px;

            @media only screen and (max-width: 800px) {
                border: 5px solid white;
                height: 150px;

            }

            &:hover {
                cursor: pointer;
            }
        }

        .img1 {
            border: 10px solid white;

            @media only screen and (max-width: 800px) {
                border: 5px solid white;
            }

            &:hover {
                cursor: pointer;
            }
        }
    }

}