/*Start fonts Google*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Pacifico&family=Righteous&family=Roboto+Condensed:ital,wght@1,300&family=Ubuntu:ital,wght@1,300&display=swap');

body {
    padding: 0%;
    margin: 0%;
    font-family: 'Lato';
}
/*Start NAV*/
.navbar {
    
}
.navbar-brand {
    font-family: 'Pacifico';
    font-size: 35px;
    color: lightcoral !important;
}
.nav-link {
    font-size: 16px;
    margin: 15px;
    color: black !important;
    font-family: 'Roboto Condensed';
}
.nav-link:hover {
    color: #00e8e8 !important;
}
.active .nav-link {
    color: #00e8e8 !important;
}
.btn {
    transition: all 1s ease-in;
}
/*END NAV*/

/*Start main*/
.site-content {
    background: url(./img/n1.jpg);
    background-attachment: fixed;
    background-size: cover;

}
.site-title,.site-desc {
    color:white;
    font-family: 'Righteous';
}
.site-title {
    margin-top: 20%;
    margin-bottom: 3%;
    font-size: 60px;
}
.site-desc {
    font-size: 20px;
}
.site-btn1 {
    margin-left: 410px;
    margin-bottom: 35px;
}
.site-btn2 {
    margin-bottom: 35px;
}
.site-btn1:hover, .site-btn2:hover {
    background-color: #00e8e8;
    transition: all .5s ease-in-out;
}

/*Start section*/
.section-1 .heading-1 {
    margin-top: 8%;
}
.section-1 .heading-2 {
    margin-bottom: 5%;
    font-size: 39px;
}
.section-1 .para-1 {
    width: 60%;
    margin-left: 20%;
    margin-bottom: 5%;
}
.section-1 .card-text .para-1 {
    color: rgba(0, 0, 0, 0.59);
}
.section-1 {
    margin-bottom: 8%;
}
.card {
    width: 20rem;
}
/*Section-2*/
.section-2 .container-fluid {
    background: url(./img/section.png);
    background-size: cover;
    background-attachment: fixed;
}
.section-2 .heading-1 {
    margin-top: 20%;
    margin-bottom: 4%;
    font-family: 'Righteous';
    width: 80%;
    color: whitesmoke;
}
.section-2 .para {
    width: 80%;
    font-family: 'Ubtuntu';
    margin-bottom: 7%;
}
.section-2 .btn {
    margin-bottom: 15%;
    width: 30%;
    padding: 2% 5%;
}

.section-3 {
    margin-top: 6%;
}
.section-3 i {
    color: #00e8e8;
}
.section-3 p {
    color: rgba(0, 0, 0, 0.59);
}

.section-4 {
    margin-top: 8%;
}
.section-4 .row .col-md-7, .col-md-5 {
    margin-top: 10%;
    margin-bottom: 10%;
}
.section-4 a {
    color: #00e8e8;
    font-size: 40px;
    text-decoration: none;
}
.section-4 .para-1 {
    color: white;
    font-size: 23px;
    margin-top: 7%;
    font-family: 'Roboto Condensed';
}
/*Footer*/
.Email {
    
    text-align: center;
    border-radius: 15px;
    font-family: cursive;
    font-size: 25px;
}
.social i {
    color: #ef5651;
    font-size: 20px;
}
@media(max-width:720px) {
    
    .section-4 .row .col-md-7 img {
        width: 400px;
        margin-left: -5px;
    }
    .site-title,.site-desc {
        color:white;
        font-family: 'Righteous';
    }
    .site-title {
        margin-top: 30%;
        margin-bottom: 6%;
        font-size: 30px;
    }
    .site-desc {
        font-size: 16px;
        padding-left: 5%;
    }
    .site-btn1 {
        margin-left: 70px;
    }
    .site-btn2 {
        position: absolute;
        margin-left: -10px;
    }
    .site-btn1, .site-btn2 {
        margin-bottom: 30px;
    }
    .card {
        width: 25rem;
        margin-bottom: 10px;
    }
    .btn {
        margin-top: 40px;
    }
    .Email {
        width: 80%;
        text-align: center;
        border-radius: 15px;
        font-family: cursive;
        font-size: 25px;
    }
    .section-2 .heading-1 {
        font-size: 50px;
    }
    .section-2 .para {
        font-size: 22px;
    }
    .section-2 .btn {
        width: 50%;
    }
}