/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,200&family=Roboto:wght@100;200;300;400;700&display=swap');

html, body {
    margin:0;
    font-size:14px;
    font-family: 'Roboto', sans-serif;
    color: #222;
    letter-spacing: 0.2px;
    line-height:25px;
}

.wrappppppppppppppperrrrrrrrrrrrr{
    height:100vh;
    /*border: solid 5px red; */
    height:100vh;
    position: relative;
}

.wrappppppppppppppperrrrrrrrrrrrrs{
    /*border: solid 5px red; */
    height:120vh;
    position: relative;
    background-color: black;
}

.wrap{
    /*border: solid 5px blue; */
    position: relative;
}

.wrap_grad{
    /*border: solid 5px blue; */
    position: relative;
    background: linear-gradient(#ffffff, #000000);
}

.spacer{
    /*border: solid 5px; */
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 100vh;
}

.spacer_la{
    /*border: solid green 5px; */
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 100vh;
}

.title{
    /*border: solid green;*/
    letter-spacing: 0.3px;
    margin:auto;
    top:0; bottom:0; left:  0; right:  0;
    font-size:35px;
    position: absolute;
    width:400px;
    height:95px;
    font-weight: 200;
}

.papa{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    }

.disc{
    /*border: solid green;*/
    margin:auto;
    top:0; bottom:0; left:  0; right:  0;
    position: absolute;
    width:150px;
    height:400px;
}

.disc2{
    /*border: solid green;*/
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: auto;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    position: absolute;
    width: 410px;
    height: 650px;
}

.disc p{
    font-size:20px;
    text-align: left;
    line-height: 60px;
    letter-spacing: 0.3px;
    line-height: 40px;
    font-weight: 300;
}

.disc2 p{
    text-align: left;
    line-height: 20px;
    color:white;
    font-weight: 100;
}

.caps{
    width:50%;
    text-align:center;
    margin:0 auto;
    margin-top:80px;
}

.caps p{
    text-align: left;
    font-size: 15px;
    margin-top:0px;
    font-weight: 300;

}

@media screen and (max-width:1025px){
        html, body {
            margin:0;
            font-size:14px;
            font-family: 'Roboto', sans-serif;
            color: #222;
            letter-spacing: 0.2px;
            line-height:25px;
            padding: 0px;
        }

        .wrappppppppppppppperrrrrrrrrrrrr{
            height:100vh;
            /*border: solid 5px red; */
            height:100vh;
            position: relative;
        }

        .wrappppppppppppppperrrrrrrrrrrrrs{
            /*border: solid 5px red; */
            height:150vh;
            position: relative;
            text-align: center;
        }

        .wrap{
            /*border: solid 5px blue; */
            position: relative;
            
        }

        .spacer{
            /*border: solid 5px; */
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            height: 100vh;
        }

        .title{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            margin:auto;
            top:0; bottom:0; left:  0; right:  0;
            font-size:30px;
            position: absolute;
            width:100%;
            height:95px;
        }

        .papa{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            }

        .disc{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            line-height: 40px;
            margin:auto;
            top:0; bottom:0; left:  0; right:  0;
            position: absolute;
            width:120px;
            height:270px;
        }

        .disc2{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            line-height: 20px;
            margin: auto;
            top: -1px;
            bottom: 0;
            left: 0;
            right: 0;
            font-size: 14px;
            position: absolute;
            width: 310px;
            height: 670px;
        }

        .disc p{
            text-align: left;
            line-height: 40px;
            font-size: 16px;
        }

        .disc2 p{
            text-align: left;
            line-height: 20px;
        }

        .caps{
            width:100%;
            text-align:center;
            margin:0 auto;
            margin-top:80px;
        }

        .caps p{
            text-align: left;
            font-size: 12px;
            margin-top:0px; 
            margin-left:13px;

        }


@media screen and (max-width:480px){
        html, body {
            margin:0;
            font-size:14px;
            font-family: 'Roboto', sans-serif;
            color: #222;
            letter-spacing: 0.2px;
            line-height:25px;
            padding: 0px;
        }

        .wrappppppppppppppperrrrrrrrrrrrr{
            height:100vh;
            /*border: solid 5px red; */
            height:100vh;
            position: relative;
        }

        .wrappppppppppppppperrrrrrrrrrrrrs{
            /*border: solid 5px red; */
            height:200vh;
            position: relative;
            text-align: center;
            margin:0 auto;
        }

        .wrap{
            /*border: solid 5px blue; */
            position: relative;
            
        }

        .spacer{
            /*border: solid 5px; */
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            height: 100vh;
        }

        .title{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            margin:auto;
            top:0; bottom:0; left:  0; right:  0;
            font-size:25px;
            position: absolute;
            width:100%;
            height:95px;
        }

        .papa{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            }

        .disc{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            line-height: 40px;
            margin:auto;
            top:0; bottom:0; left:  0; right:  0;
            position: absolute;
            width:105px;
            height:270px;
        }

        .disc2{
            /*border: solid green;*/
            letter-spacing: 0.3px;
            line-height: 20px;
            margin: auto;
            top: -1px;
            bottom: 0;
            left: 0;
            right: 0;
            font-size: 14px;
            position: absolute;
            width: 310px;
            height: 670px;
        }

        .disc p{
            text-align: left;
            line-height: 40px;
            font-size: 14px;
        }

        .disc2 p{
            text-align: left;
            line-height: 20px;
        }

        .caps{
            width:100%;
            text-align:center;
            margin:0 auto;
            margin-top:80px;
        }

        .caps p{
            text-align: left;
            font-size: 14px;
            margin-top:0px; 
            margin-left:13px;

        }
}