.size-guide-launcher{
    font-size:1rem;
}

.size-guide-launcher img{
    max-width:25px!important;
}


.modal {
    font-family: gotham_bookregular;
    font-weight: normal;
    color: #000;
}

.modal h3 {
    font-size:1.6rem;
    text-transform: uppercase;
    font-family: gotham_mediumregular;
}

.modal h4 {
    font-size:1.5rem;
    margin-top:0px;
    font-family: gotham_mediumregular;
}


.modal-slide-left {
    width: 90rem;
    height: 100%;
    background-color: white;
    position: fixed;
    right: 0px;
    top:0px;
    z-index:101!important;
    display: none;
}

.modal-overlay {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
    z-index: 100!important;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
}

#modal-close {
    font-size:1rem;
    padding:15px;
    text-align: right;
    cursor: pointer;
}

.size-guide-launcher {
    cursor: pointer;
}

.size-guide-information {
    margin-top:30px;
    padding:15px 30px;
}

.size-guide-title {
    border-bottom: 1px #CCC solid;
    padding:30px;
    background-color: white;
}

.size-guide-information-left{
    padding:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.size-guide-information-left p{
    font-size:1.2rem;
}

.size-guide-illustration {
    background-color: #F7F7F7;
    padding:0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.size-guide-illustration img {
    max-width:100%;
    width: 100%;
}

.measurement-info h5{
    font-family: gotham_mediumregular;
    margin-bottom:0px
}

.measurement-info span {
    font-size:1rem;
    color:#4d4d4d;
}

.table-measurement {
    padding:30px
}
.table-measurement table {
    width:100%;
    text-align: center;
    padding: 3px 25px;
}

.table-measurement table th {
    border: 1px solid #e0e2e5;
    font-family: gotham_mediumregular;
    font-size:1.1rem;
    text-align: center;
    border-bottom: 1px solid #333;
    padding: 3px 25px;
}

.table-measurement table td {
    border: 1px solid #e0e2e5;
    font-family: gotham_bookregular;
    font-size:1rem;
    text-align: center;
    padding: 3px 25px;
}

.container-size-guide-info {
    overflow: auto;
    height: calc(100% - 100px);
    position: absolute;
}

@media screen and (max-width: 768px) {
    .modal-slide-left {
        width: 100%;
        text-align:justify
    }

    .container-size-guide-info {
        top: 100px;
        bottom:0;
        position:fixed;
        overflow-y:scroll;
        overflow-x:hidden;
    }

    .size-guide-information {
        padding: 15px;
        margin-top:0px
    }

    .size-guide-information-left{
        padding:15px;
        margin-bottom:15px;
    }

    .size-guide-information-left p{
        font-size:1rem;
    }

    .table-measurement table th {
        padding: 3px!important;
    }
    
    .table-measurement table td {
        padding: 3px!important;
    }

    .size-guide-illustration img {
        max-width:100%;
        width: 100%;
    }

    .size-guide-illustration img {
    }

    .size-guide-title {
        height: 100px;
    }

}