.mobile-view {
    display: none;
}

@media (max-width: 1200px){
	.container-logo { width: 250px; left: calc(50% - 121px); }
}
@media (max-width: 992px){
    .mobile-view {
        display: block;
    }

	body { overflow-x: hidden!important; overflow-y: auto!important; }
	#alert .msg { top: 40%; }
	#alert .msg .icon { font-size: 40px; width: 100%;  padding: 16px 20px; }
	#alert .msg .titles { width: 100%; padding: 20px; }
	#alert .msg .titles h2,
	#alert .msg .titles h3 { text-align: center; }
	#alert .msg .fa-times { top: 21%; opacity: .5; }

	.main { width: 100vw; height: auto; overflow: hidden; }

	.create {position: relative; float: right; margin-top: -20px;margin-right: 5px;  bottom: 5px; right: 5px; z-index: 999; }

	.modal-cadastro .modal-content { padding: 45px 0 55px 0; margin-top: calc(40vh - 112px); }
	.modal-cadastro .modal-content h4 { font-size: 20px; }
	.modal-cadastro .modal-content h5 { margin: 0 0 20px 0; }
	.modal-cadastro .modal-content span { width: 80%; }
	.modal-cadastro .modal-content button {     padding: 12px 0px 9px 0px; }

	.main h2 b {
	    font-size: 13px;
	}

    .clinicas-container {
        display: none;
    }

    .clinica {
        flex: 1 0 100vh;
        height: 100vh;
    }

    .clinica-content h2 {
        font-size: 28px;
    }

    .clinica-content .info {
        font-size: 14px;
    }

    .clinica-content .info button {
        padding: 12px 25px;
        font-size: 11px;
    }

    .mobile-intro {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #451323;
        z-index: 9998;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .intro-logo {
        width: 60%;
        max-width: 250px;
        animation: moveLogo 2s ease-in-out 2s forwards;
        margin-right: 50px;
        transition: 500ms ease-in-out;
    }

    @keyframes moveLogo {
        0% {
            width: 450px;
        }
        50% {
            transform: rotate(-31deg);
        }
        100% {
            transform: translateY(-430px) rotate(-31deg);
            position: absolute;
        }
    }

    

    .clinicas-links {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        height: calc(100vh - 100px);
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        animation: fadeIn 1s ease-in-out 4s forwards;
        z-index: 9999;
        padding: 1px 0;
    }

    @keyframes fadeIn {
        to {
            opacity: 1;
        }
    }

    .clinica-link {
        margin: 0;
        padding: 0 20px;
        color: white;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: calc((100% - 2px) / 3);
        transition: opacity 0.3s ease;
    }

    .clinica-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
        opacity: 0.5;
    }

    .clinica-link a {
        position: relative;
        z-index: 2;
    }

    .clinica-link p {
        position: relative;
        z-index: 2;
        font-weight: bold;
        color: white;
    }

    .clinica-link:hover {
        opacity: 0.8;
    }

    .clinica-link:not(:last-child) {
        margin-bottom: 1px;
    }

    .clinica-link.pelotas,
    .clinica-link.pelotas::before {
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        width: 100%;
        height: 100%;
        margin-bottom: -225px;
        margin-top: 0px;
    }

    .clinica-link.rsul,
    .clinica-link.rsul::before {
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        width: 100%;
        height: 100%;
        margin-bottom: -225px;
    }

    .clinica-link.bage,
    .clinica-link.bage::before {
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        width: 100%;
        height: 100%;
        margin-bottom: 100px;
    }

    .clinica-link.pelotas::before {
        background-image: url(../images/bg-ctsul-pelotas.jpg);
    }

    .clinica-link.rsul::before {
        background-image: url(../images/bg-rsul.jpg);
    }

    .clinica-link.bage::before {
        background-image: url(../images/intro-bage.jpg);
    }

    .clinica-link button {
        padding: 10px 5px;
        margin: 5px;
        color: #fff;
        font-weight: 800;
        font-size: 12px;
        display: inline-block;
        background: none;
        border: solid 1px #FFF;
        text-decoration: none;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 0.3s ease;
    }

    .clinica-link button:hover {
        background: rgba(255, 255, 255, 0.2);
    }

    .clinica-link button.site {
        background: rgb(97, 33, 53);
        border-color: rgb(145, 36, 85);
    }

    .clinica-link button.site:hover {
        background: rgb(145, 36, 85);
    }

    .clinica-link button.rsul {
        background: rgb(66, 142, 82);
        border-color: rgb(46, 108, 82);
    }

    .clinica-link button.rsul:hover {
        background: rgb(85, 178, 91);
    }
}
@media (max-width: 768px){}
@media (max-width: 440px){}