/* CHANGES BOOTSTRAP DEFAULTS*/

@media (min-width: 1199px){
.container {
    max-width: 1200px !important;
    }
} 

/*-----------HEADER-----------*/
header {
    margin-top:2rem;
    font-family: 'Ubuntu', sans-serif;
}

header h1{
    max-width: 795px;
    font-size: 35px;
    padding-top: 2rem;
    color:#e60018;
    line-height: 1.1;
}

header h2{
    font-size:28px;
    color:#5f5e5e;
}

.ekg-img-holder{
    margin:-65px auto;
    max-width: fit-content;
}

.ekg-img-holder img{
    max-width: 100%;
}
/*-----------HOME PAGE-----------*/
/*BACKGROUND DESIGN*/

.web{
    margin: auto;
    margin-left:75px;
    display: flex;
    justify-content: center;
    z-index: -1;
    position: relative;
}

.web img{
    position: absolute;
    top:-145px;
    max-width:100%;
}

/*rwd for section*/

@media(min-width: 1590px){
    .ekg-img-holder{
        margin-left:170px;
    }
}

@media(max-width:1200px){
 .web img{
     top:0;
 } 
}

@media(max-width:992px){
    .web {
        margin-left:0;
    }
    .ekg-img-holder{
        margin-top:-50px;
    }
    header{
        text-align: center;
    }
}

@media(max-width:576px){
    .ekg-img-holder{
        margin-top:-18px;
    }
}


/*HOME - MAIN SECTION*/
.main{
    margin-top: 117px;
}
.line{
    position: relative;
    width: fit-content;
    margin: auto;
    
}
.line img{
    position: absolute;
    right: 5px;
    top:316px;
}
.panel{
    height: 300px;
    width: 650px;
    font-family: 'Paytone One', sans-serif;
    position: relative;
    padding:15px;
    color:white;
    margin-bottom: 115px;
    justify-content: center;
}

.panel::before{
    content: '';
    position: absolute;
    bottom:23px;
    left:8px;
    transform:  skewX(-20deg) rotate(-5deg) ;
    height:10%;
    width: 80%;
    z-index: -1;
    box-shadow: 34px 10px 29px 15px rgba(1,1,1,0.8);
}

.panel h3{
   font-size: 33px;
}

.panel img{
    position: absolute;
    right: 15px;
    top: 15px;
}

.panel a{
   color: white;
}

.panel p{
    font-family: sans-serif;
    font-size:1.2rem;
}
/*adjust to perfect pixel = not equal spacing in margin-bottom*/

.ambulance{
    background-color: #d80035;
    padding: 30px;
}

.consulting{
    background-color:#d63034;
    margin-bottom:95px;
}

.education{
     background-color:#eeb029;
     margin-bottom:92px
}

.tele{
    background-color: #349492;
    margin-bottom: 157px;
}

.monitoring{
    background-color: #186b9d;
    margin-bottom:157px;
}

/* .monitoring > p:nth-child(3){
    color:#353332;
    font-size: 0.8rem;
} */

.amulet{
    background-color: #6f3970;
    margin-bottom:157px;
}

/*rwd for section*/

@media(max-width: 576px){
    .monitoring p {
        font-size:1rem;
    }
    .monitoring > p:nth-child(3) {
        font-size: 0.7rem;
    }   
    .panel {
        width:310px;
    }
    .panel::before{
        width:75%;
    }
    .panel h3{
        font-size: 22px;
    }
}

@media(max-width: 320px){
    .panel{
        max-width: 100%;
    }
    
}

/*------------SECTION SITE_TITLE-------------*/


section.site-title{
    margin-top:40px;
}

.site-title h1{
    font-family: 'Paytone One', sans-serif;
    
    font-size:2.2rem;
    position: relative;
}

.site-title h1::before{
    content: '';
    position: absolute;
    width: 432px;
    height: 5px;
    
    bottom: -6px;
    left: 5px;
}
.site-title h2{
    
    font-size: 1.4em;
    margin:65px 0 35px;
    letter-spacing: 1px;
}
.site-title p{
    font-size: 1.2rem;
}

/*rwd for site title*/



@media(max-width:576px){
    .site-title h1::before{
        width:280px;
    }
}

/*-----------CONSULTING-----------*/

.consulting-tele h1{
    color: #d63034;
}

.consulting-tele h1::before{
    background-color: #d63034;
}

.consulting-tele h2{
    color: #d63034;
}

/*-----------LONG TERM MONITORING-----------*/

.long-term-monitoring h1{
    color:#186B9D;
}

.long-term-monitoring h1::before{
    background-color: #186B9D;
}

.long-term-monitoring h2{
    color:#186B9D;
}


/*SECTION MEMBERS CONDUCTED*/
.organizers-logo{
    margin-bottom:30px;
}
.organizers-logo img{
    margin-bottom:20px;
}

.uni{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 155px;
    flex: 1 0 20%;
}
.uni p{
    margin-bottom:0 !important;
    margin-top:1rem !important;
    text-align: center;
}

.comarch{
    height: 111px;
    margin-top:37px;
}

.ministry{
    margin-top:61px;
}
.about-project{
    margin-top:50px;
}
.about-project p{
    font-size: 1.2rem;
    line-height: 1.6;
}

.equipment-img > img{
    max-width: 100%;
}

/*rwd for section*/

@media(min-width:1199px){
    .uni{
        max-width:20% ;
    }
    }
@media(max-width:991px){
    .uni{
        flex-basis:30%;
    }
}

@media(max-width:767px){
    .uni{
        flex-basis:50%;
    }
}

@media(max-width:575px){
    .uni{
        flex-basis:100%;
        margin: 1rem 0;
    }
}

/*SECTION NOMED*/
.nomed{
    margin:104px 0 153px;;
}

.nomed h3{
    font-size:1.1rem;
}

.nomed p{
    margin:35px 0;
    font-size: 1.13rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
}

.nomed a{
    color: black;
    font-size:1.1rem;
    font-weight: 900;
}
/*SECTION PANELS*/

.btns {
    width:55%;
}

.web-and-line{
    position: relative;
}

.small-panel-holder{
    width: calc(100%/7);
    display: flex;
    justify-content: center;
    position: absolute;
    margin: 0 41%;
    left: 0;
    right: 0;
}
/*SLIDER ANIMATION*/
#\31{
    transform: translateX(-300%);
}

#\32{
    transform: translateX(-200%);
}

#\33{
    transform: translateX(-100%);
}
#\34 > div{
    width: 200px;
    height: 160px;
    margin-bottom:300px;
    margin-top:0;
    transition: 0.3s;
    transition-timing-function: ease-in;
}

#\34 > div > h3{
    transform: scale(1.37) translateX(20px);
    width:80%;
    transition: 0.3s;
    transition-timing-function: ease-in;
}

#\34 > div > img {
    transform: scale(0.43) translate(-10px,10px);
    transition: 0.3s;
    transition-timing-function: ease-in;
}

#\35{
    transform: translateX(100%);
}
#\36{
    transform: translateX(200%);
}

#\37{
    transform: translateX(300%);
}

.previous, .next{
    text-transform: uppercase;
    font-size: 0.75rem;
}
.small-panel{
    height: 130px;
    width: 146px;
    font-family: 'Paytone One', sans-serif;
    position: relative;
    padding:5px;
    color:white;
    margin-bottom: 115px;
    margin-top:20px;
}

.small-panel::before{
    content: '';
    position: absolute;
    bottom:17px;
    left:-10px;
    transform:  skewX(-20deg) rotate(-5deg) ;
    height:10%;
    width: 70%;
    z-index: -1;
    box-shadow: 34px 10px 19px 12px rgba(1,1,1,0.8);
}
.small-panel h3{
    font-size: 10px;
    color: white;
 }

 .small-panel img{
     transform: scale(0.285);
     position: absolute;
     top:-15px;
     right:-15px;
 }

 div.small-panel.ambulance >img{
     top:-22px;
     right:-20px;
 }
 div.small-panel.consulting >img{
    top:-20px;
    right:-20px;
}
div.small-panel.tele >img{
    top:-24px;
    right:-17px;
}

img.cuted{
    width: 100%;
}



/*rwd for section*/

@media(max-width:1200px){
    .nomed{
        margin-bottom:100px;
    }
}

@media(max-width:992px){
    .panels {
        min-height: 1000px;
    }
    .btns{
        margin-bottom:260px;
        width:70%;
    }
    
    .small-panel-holder{
        width: 28%;
		margin: 0 36%;
    }
    .small-panel{
        margin-bottom:0;
    }
    #\31{
        transform: translateY(-200%);
        margin-bottom:0;
    }
    
    #\32{
        transform: translateY(-100%);
        margin-bottom:0;
    }
    #\31 > div{
        width: 100%;
        height: 130px;
        margin-top:0;
        transition: 0.3s;
        transition-timing-function: ease-in;
    }
    
    #\31 > div > h3{
        transform: scale(1.37) translateX(50px);
        transition: 0.3s;
        transition-timing-function: ease-in;
    }

    #\31 > div > a> h3{
        transform: scale(1.37) translateX(50px);
        transition: 0.3s;
        transition-timing-function: ease-in;
        width:55%;
    }
    
    #\31 > div > img {
        transform: scale(0.43) translate(-10px,10px);
        transition: 0.3s;
        transition-timing-function: ease-in;
    }
    
    #\33 {
        transform: translateX(0);
    }
    #\34 >div {
        height: 130px;
        width: 146px;
        margin:20px 0 0;
    }
    #\34 > div > h3{
        transform: none;
    }
    #\34 > div > img {
        transform: scale(0.285);
    }

    #\34{
        /* transform: translateY(100%); */
        transform: translate(0, 100%);
        margin-bottom:0;
    }
    #\35{
        transform: translateY(200%);
        margin-bottom:0;
    }

    #\36{
        transform: translateY(300%);
        margin-bottom:0;
    }
    #\37{
        transform: translateY(400%);
        margin-bottom:0;
    }
}
@media(max-width:768px){
    #\31 >div{
        width:100%;
        min-width: 300px;
        margin-bottom: 0.5rem;
    }
    #\31 > div > h3 {
        transform: scale(1.37) translateX(16%);
    }
    #\31 > div > a > h3 {
        transform: scale(1.37) translateX(16%);
    }
}

@media(max-width:520px){
    .small-panel-holder >div{
       min-height: 115px;
       min-width: 150px;
       
   }
}

/*-----------AMULET-----------*/

.project-amulet h1{
    color: #6f3970;
}

.project-amulet h1::before{
    background-color: #6f3970;
}

.project-amulet h2{
    color:#6f3970;
}

/*AMULET AUTHORS*/
.amulet-main-logos img{
    width: 100%;
    margin-top: 0.5rem;
}

.consortium-leader{
    max-height: 300px;
}

.consortium img{
    max-height: 200px;
}
.wide-logo{
    width:100%;
}

.graph{
    width:75%;
}

/*rwd for section*/
@media(min-width: 768px)and (max-width:992px){
    .wide-logo{
        width:auto;
    }
}
@media(max-width: 768px){
    .graph{
        width:100%;
    }
}
/*-----------TELEMEDICINE-----------*/
.tele-medicine h1{
    color: #349492;
}

.tele-medicine h1::before{
    background-color: #349492;
}

.tele-medicine h2{
    color:#349492;
}


.tele-partner{
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.tele-partner img{
    max-height: 170px;
    max-width:100%;
}

.tele-partner p{
    margin-top:1.5rem;
}

/*rwd for site*/

@media(max-width:991px){
    .tele-authors img{
        max-height:170px;
        width:auto !important;
        max-width: 100%;
    }
    .tele-partner{
        width:50%;
        margin-top:1rem;
    }
}
@media(max-width:575px){
    .tele-partner{
        width:100%;
    }
}

/*-----------ONLINE PATIENT EDUCATION-----------*/

.online-education h1{
    color: #EEB029;
}

.online-education h1::before{
    background-color: #EEB029;
}

.online-education h2{
    color: #EEB029;
}

.portal{
    display: flex;
    flex-direction: column;
}

.portal img{
    max-width: fit-content;
    align-self: center;
    margin: 1rem 0 3rem;
}

/*rwd for section*/

@media(max-width:767px){
    .portal img{
        width: 100%;
    }
}

/*-----------FOOTER-----------*/
footer {
    background-color: #2f2f2f;
    color:white;
    font-size: 16px;
}

footer p {
    max-width: 455px
}

footer div.container-fluid{
    padding: 42px 0 50px;
}

@media(max-width: 375px){
    footer p{
        padding: 0 1rem;
    }
}