/*
 * Author: Magical Minds 
 * Copyright 2021 Magical Minds
 * Designed By Magical Minds
 * Website URL: https://magicalminds.net/
*/

.container {
    width: 90%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
}

body {
    /* background-color: #000; */
    font-family: 'Merriweather', serif;
}

.length {
    letter-spacing: 1.2em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bg1 {
    background-image: url('../img/bg1.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

a {
    color: #d8d8d8;
}

a:hover {
    color: #fff;
}

@media only screen and (max-width:480px) {
    h2 {
        font-size: 13vw;
        margin-top: 60%;
        margin-bottom: 20%;
    }
    .container {
        width: 80%;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0% 10%;
    }
}

@media only screen and (min-width:481px) and (max-width:640px) {
    h2 {
        font-size: 14vw;
        margin-top: 30%;
        margin-bottom: 20%;
    }
    .container {
        width: 80%;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0% 10%;
    }
}

@media only screen and (min-width:641px) and (max-width:800px) {
    h2 {
        font-size: 14vw;
        margin-top: 20%;
        margin-bottom: 20%;
    }
    .container {
        width: 80%;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0% 10%;
    }
}

@media only screen and (min-width:801px) and (max-width:1024px) {
    h2 {
        font-size: 13vw;
        margin-top: 17%;
        margin-bottom: 10%;
    }
    .container {
        width: 80%;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0% 10%;
    }
}

@media only screen and (min-width:1025px) {
    h2 {
        font-size: 8vw;
        margin-top: 17%;
        margin-bottom: 10%;
    }
    .container {
        width: 80%;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0% 10%;
    }
}

.center {
    text-align: center;
}