* {
            margin: 0;
            padding: 0;
            
            font-family: 'Josefin Sans', sans-serif;
        }
        .logo {
            color:black;
            font-size: 28px;
        }

        nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 15vh;
            padding-left: 5%;
            padding-right: 10%;
        }

        nav span {
            color: #ea1538;
        }

        nav ul li {
            display: inline-block;
            list-style-type: none;
            padding: 10px 20px;
        }

        nav ul li a {
            color:black;
            text-decoration: none;
            font-weight: bold;
        }

        nav ul li a:hover {
            color: #ea1538;
            transition: 0.3s;
            width: 100%;
        }       

        button {
            border: none;
            background: #ea1538;
            padding: 8px 30px;
            border-radius: 30px;
            color: white;
            font-weight: bold;
            font-size: small;
        }
        .container1{
            display: flex;
           
        }
        .container1-1{
            flex: 25%;
            width: 100%;
            background-color: rgb(244, 244, 244);
            padding-top: 0%;
            padding-left: 2%;
            padding-right: 4%;
            margin-left: 0%;
        }
        .container1-2{
            flex: 75%;
            width: 100%;
            padding: 5%;
            margin-left: 0%;
        }
        .container2{
            font-size: 25px;
            font-weight: bold;
            padding-left: 11%;
            margin-bottom: 50px;

            border-top: 1px solid rgb(224, 221, 221);
            padding-top: 50px;
        
        }
        .container3{
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 2%;
            border-top: 1px solid rgb(224, 221, 221);
            padding-top: 2%;
            padding-bottom: 6%;
        }
        .container3-1{
            flex: 30%;
            width: 100%;
            font-weight: bold;
            margin-left: 130px;
        
        }
        .container3-2{
            flex: 20%;
            width: 100%;
        }
        .list{
            list-style-type: none;
            font-size:smaller;
            padding: 0%;
        }
        
        .list li{
            padding:3px;
        }
        .container3-3{
            flex: 20%;
            width: 100%;
        }
        .container3-4{
            flex: 20%;
            width: 80%;
            margin-right: 10%;
        }
        .container3-3 h4{
            font-size: 25px;
            font-weight: 10;
            margin-bottom: 30px;
            margin-top: 40px;
        }
        .container3-4 h3{
            font-size: 25px;
            font-weight: 10;
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .container3-1 h2{
            margin-top: -45px;
            margin-bottom: 30px;
            font-weight: 700;
            font-size: 40px;
            font-style:italic ;
        }
        .container3-2 h4{
            font-size: 25px;
            font-weight: 10;
            margin-bottom: 30px;
            margin-top: 40px;
        }
        .container3-3 h4{
            font-size: 25px;
            font-weight: 10;
            margin-bottom: 30px;
            margin-top: 40px;
        }

        footer{
            padding-top: 33px;
            padding-right: 40px;
            padding-left: 40px;
            height: 100px;
            text-align: left;
            font-size: small;
            font-weight: bold;
            border-top: 1px solid rgb(224, 221, 221);
        }

        footer span{
            margin: 20px 0;
            font-size: 18px;
            font-weight: 1;
            margin-left: 120px;
        }

        footer i{
            font-size: large;
            float:right;
            margin-right: 30px;
        }

        footer i:hover{
            font-size: 25px;
            color: #ec0e33;
            cursor: pointer;
        }
        .card{
            height: 50vh;
            width: 30%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            float: left;
            margin:1%;
        }
        .cardimg{
            height: 70%;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .cardtext{
            padding: 5%;
        }
        .card:hover{
            background-color: rgb(244, 244, 244);
        }
        a{
            text-decoration: none;
        }