﻿.Message-Container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    /*background-color: blue;*/
    z-index: 24999;
    height: 600px;
}

.sticky-n23 {
    position: sticky;
    top: 86px;
    float: right;
    padding: 5px;
    background-color: #6d5b97;
    color: white;
    /*border: 2px solid #4CAF50;*/
    width: 25%;
    z-index: 25000;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    border-radius: 3px;
    height: auto;
}

.center-area {
    /*position: absolute;*/
    /*top: 25%;*/
    /*width: 100%;*/
    text-align: center;
}

.social-media-content {
    position: sticky;
    top: 0px;
    left: 50%;
    padding: 20px;
    background-color: #f44336;
    color: white;
    z-index: 25001;
    width: 50%;
    transform: translate(-50%, 40%);
}

.alert {
    position: sticky;
    top: 0px;
    left: 50%;
    padding: 20px;
    background-color: #f44336;
    color: white;
    z-index: 25001;
    width: 50%;
    transform: translate(-50%, 30%);
    border: 2px solid #a1483f;
    border-radius: 3px;
}
@media (max-width:1493px) {
    .alert {
        transform: translate(-50%, 40%);
    }
}
@media (max-width:1023px) {
    .alert {
        width: 80%;
        transform: translate(-10%, 40%);
        top: 64px;
    }
}
/*@media (max-width:500px) {
    .alert {
        top: 64px;
    }
}*/

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .closebtn:hover {
        color: black;
    }


.links-index-container {
    position: fixed;
    top: 86px;
    right:0;
    /*float: right;*/
    /*background-color: blue;*/
    z-index: 25000;
}

.links-index-text {
    padding: 5px;
    background-color: #6d5b97;
    color: white;
    /*border: 2px solid #4CAF50;*/
    width: 100%;
    z-index: 25001;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    border-radius: 3px;
    height: auto;
}
.links-index-socialcontent {
    margin-top:10px;
    padding: 5px;
    width: 100%;
    z-index: 25001;
    border-radius: 3px;
    height: auto;
}

.link-soc-item {
    /*width: 25%;*/
    display: inline;
  /*  color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;*/
    text-align: center;
    margin-right:20px;
}

    .link-soc-item > a {
        color: #ebe3df;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.5rem;
    }