@charset "utf-8";




main{
    max-width: 1366px;
    width: 100%;
    height: auto;
    margin: 80px 0px;
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
}

.left-content, .image {
    width: 100%;
    height: 720px;
    border-radius: 5px;
}

.left-content {

    font-family: "Lunasima", sans-serif;
    color: #222222;
    margin-right: 10px
}

    .title {
        min-height: 80px;
        height: auto;
        text-align: right; 
        text-transform: uppercase;
        align-content: flex-end;
        font-size: 25px;
    }
    
    .contact-text {
        line-height: 25px;
        text-align: justify;
        padding: 75px 0px;
        font-size: 20px;
    }
    
    .social-media {
        text-align: center;
    }
    
        .email, .social-media p {
            text-decoration: none;
            font-size: 30px;
            font-weight: 600;
            color: #222222;
        }

        .social-media p {
            font-weight: 400;
            padding: 10px 0px;
        }

        .icons {
            min-height: 80px;
        }
    
            .icons a {
                margin: 0 10px;
            }
            
                .icons a img {
                    width: 30px;
                    cursor: pointer;
                    transition: 0.3s;
                    filter: grayscale(80%)
                }
                
                .icons a img:hover {
                    scale: 1.2;
                    filter: grayscale(0%)
                }

    .image {
        background: url("../img/mini1.jpg");
        width: 100%;
        background-size: cover;
        background-position: center;
    }

@media screen and (min-width:769px) and (max-width:1023px) {}


@media screen and (min-width:1024px) {
    
    main{
        padding: 0px 0px;
        flex-direction: row;
    }

    .left-content {
        width: 35%;
    }
    
    .left-content {
        padding-right: 20px;
    }
    
    .title, .contact-text, .social-media {
        width: 100%;
        float: right;
    }
    
    .contact-text {
        padding-left: 20px;    
    }
    
    .image {
        width: 60%;
    }


}