@import url('https://fonts.googleapis.com/css?family=Dancing+Script&family=Lato&family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Merriweather+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kreon:wght@300&display=swap');

#maimult, #moreA, #contactMore{
    display:none;
}

a{
    text-decoration: none;
}

body{
    background-color: rgb(255 255 255 / 90%);
    font-family: 'Kreon';
    margin:0;
    overflow-x: hidden;
}

header{
    display:block;
    z-index:1;
    width:100vw;
    height:64px;
}

h2{
    margin-block-start: 0;
    padding-top: 5px;
}

h3{
    display:inline-block;
    padding:7px 20px 7px 3px;
    margin-block-start: 0;
    text-transform: uppercase;
    border-radius: 0 0 80% 15%;
    background-color: white;
    font-family: Oswald;
    text-align: center;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width:110px;
    height:37px;
    color:darkblue;
}

nav{
    float:right;
    display:flex;
    margin-top:11px;
    margin-right:15px;
    align-items: center;
    font-size: 20px;
}

nav a{
    text-transform: uppercase;
    padding:10px 30px;
    color:darkblue;
    color:white;
    font-family:'Kreon';
}

nav a:hover{
    color:rgb(182, 182, 197);
    color:rgba(255, 255, 0, 0.836);
    /*background:rgba(165, 42, 42, 0.7);
    background-color: white;*/
    border-radius:15px;
}

#adauga p{
    display:inline-block;
    margin-block-start: 0px;
}

#adauga h3{
    float:right;
    font-size:24px;
    font-weight:bold;
    background-color:white;
    color:darkblue;
    width:30px;
    text-align:center;
    margin:0;
    padding-right:10px;
    padding-bottom:10px;
    padding:7px 16px 7px 3px;
    margin-bottom:0;
    margin-top:auto;
}

#adauga h3:hover{
    background-color: rgba(0, 158, 20, 0.733);
    color:white;
}

#anunturi{
    background-color: rgba(152, 198, 253, 0.85);
    background-color: rgba(96, 160, 233, 0.8);
    background-color: rgba(6, 150, 213, 0.9);
    font-family:'Kreon';
    width:100%;
    padding-bottom:10px;
    display:block;
    grid-template-columns: 32% 32% 32% 4%;
}

#anunturi a{
    color:darkblue;
}

#anunturi a:hover{
    color:green;
}

#anunturi .item-anunturi{
    font-size:20px;
    border-radius:10px;
    display:block;
    background:rgb(200,200,200);
    background-color:rgba(230, 230, 255, 0.92); 
    width:27%;
    padding:20px;
    margin-bottom:40px;
    margin-left:3%;
}

#anunturi .item-anunturi:hover{
    background-color: white;
}

#anunturi .item-anunturi a{
    display:inline-block;
    padding-top:10px;
}

#continut-anunturi{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-left:5%;
    width:90%;
}

#noutati{
    background-color: rgba(152, 198, 253, 0.85);
    background-color: rgba(96, 160, 233, 0.8);
    background-color: rgba(6, 150, 213, 0.9);
    background-color: rgba(19, 168, 255, 0.856);
    background-color: rgba(152, 198, 253, 0.9);
    font-family:'Kreon';
    width:100%;
    padding-bottom:10px;
    display:block;
    grid-template-columns: 32% 32% 32% 4%;
}

#noutati a{
    color:darkblue;
}

#noutati a:hover{
    color:green;
}

#noutati .item-anunturi{
    font-size:20px;
    border-radius:10px;
    display:block;
    background:rgb(200,200,200);
    background-color:rgba(230, 230, 255, 0.92); 
    width:27%;
    padding:20px;
    margin-bottom:40px;
    margin-left:3%;
}

#noutati .item-anunturi:hover{
    background-color: white;
}

#noutati .item-anunturi a{
    display:inline-block;
    padding-top:10px;
}

#continut-noutati{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-left:5%;
    width:90%;
}

#blocks{
    display:none;
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: 25% 25% 25% 25%;
    width:100%;
    height:100%;
}

#contact{
    width:100%;
    display:grid;
    grid-template-columns: 50% 50%;
    background-color:rgba(230, 230, 255, 0.92); 
    background-color:rgba(245, 245, 255, 0.95); 
    color:black; 
    padding-top: 0;
    font-size:16px;
    float:left;
    font-weight: bold;
    font-family: 'Kreon';
}

#contact a{
    display:inline-block;
    color:black;
    font-weight: bold;
    text-indent:10px;
    font-size:17px !important;
    font-family:'Kreon' !important;
}

#contact a:hover{
    color:blue;
    cursor:pointer;
}

#contact i{
    display:block;
    padding:10px 30px 10px 50px;
    margin-right:10px;
    text-indent:100px;
    font-size:20px;
    font-weight: bold;
    color:rgba(245, 245, 20, 0.9);
    color:blue;
}

#contact img{
    display:inline-block;
    width:40px;
    height:40px;
    margin-left:20px;
}

#contact span{
    color:black !important;
    display: inline-block;
    text-indent: 4px;
    font-family: 'Kreon';
    font-size:17px;
}

#container-left{
    display:inline-block;
    background-color: rgb(62,104,151);
    width:2.25%;
    height:75%;
    margin-top:1.5%;
    margin-left:2.5%;
    margin-right:auto;
}

#container-right{
    display:inline-block;
    background-color: rgb(62,104,151);
    width:2.25%;
    height:75%;
}

#continut-oferta-educationala{
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(230, 230, 255, 0.92); 
}

#continut-oferta-educationala video{
    display:block;
    margin-left:50%;
    transform: translateX(-50%);
    padding-top:5%;
    width:75%;
    height:75%;
}

#header-oferta-educationala #despreUl li:hover>a{
    background-color: rgb(144,48,171);
}

#proiecte{
    display:block;
    background-color:rgba(230, 230, 255, 0.92); 
    padding-bottom:10px;
    height:-webkit-calc(100% - 74px);
    height: -moz-calc(100% - 74px);
    height: -o-calc(100% - 74px);
    height:calc(100% - 74px);
    width:100%;
    position:fixed;
    overflow-y: scroll;
}

#proiecte h3{
    margin-left:0px;
}

.proiecte-container{
    display: inline-block;
    margin-top:20px;
    margin-bottom:40px;
    width:25%;
    min-width:300px;
}

#header-proiecte #despreUl li:hover>a{
    background-color: rgb(31,223,34);
}

#continut-proiecte{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#continut-activitati{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#continut-resurse-elevi{
    display:grid;
    position:fixed;
    grid-template-columns: 50% 50%;
    height:95%;
    width:100%;
    background-color:rgba(230, 230, 255, 0.92); 
}

#continut-resurse-elevi h2{
    /*transform: rotate(-45deg);*/
    font-size:5.5vh;
    text-align:center;
    color:white;
    margin-top:10%;
}

#continut-resurse-elevi .blockElem:nth-child(1) h2{
    margin-top:2.5%;
}

#continut-resurse-elevi i{
    color:white;
    margin-top:13%;
}

#header-resurse-elevi #despreUl li:hover > a{
    background-color: rgb(31,90,252);
}

#continut-resurse-profesori{
    display:grid;
    position:fixed;
    grid-template-columns: 50% 50%;
    height:95%;
    width:100%;
    background-color:rgba(230, 230, 255, 0.92); 
}

#continut-resurse-profesori h2{
    /*transform: rotate(-45deg);*/
    font-size:5.5vh;
    color:white;
    text-align:center;
    margin-top:10%;
}

#continut-resurse-profesori i{
    color:white;
    margin-top:21%;
}

#header-resurse-profesori #despreUl li:hover > a{
    background:rgb(210,31,34);
} 

#data{
    text-indent:20px;
    color:white;
    font-family:'Kreon';
    font-size:19px;
}

#despre{
    background-color:rgba(230, 230, 255, 0.92); 
    font-family:'Kreon';
    width:100%;
    padding-bottom:10px;
}

#despre h3{
    margin-left:0px;
}

#despre ul{
    font-size:20px;
    margin-left:100px;
}

#despreUl{
    display:none;
    position: absolute;
    margin: 0;
    padding:0px 10px;
    margin-top:285px;
    margin-left:5%;
    float:left;
    list-style: none;
    width: 270px;
    background-color: rgba(255, 255, 255, 0.9);
    z-index:1;
}

#links{
    margin-left:70px;
}

#links a{
    display:inline-block;
    transform: translateY(-40%);
    text-indent:10px;
    font-size:16px;
    padding:7px 0px;
}

#links img{
    margin-left:70px;
}

#links span{
    display:block;
}

#login{
    display:none;
    z-index: 1;
    position:absolute;
    background-color: rgb(144,48,171);
    background-color: rgba(247, 247, 247, 0.85);
    background-color: rgb(144,48,171);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:15px 20px 10px 15px;
    margin-top: 0px;
    margin-left:50%;
    transform: translateX(-50%);
    width:220px;
}

::placeholder{
    color:white;
    font-size:14px;
    font-family: 'Kreon';
}

#login input {
    background-color: rgba(230, 230, 255, 1);
    background-color: rgba(144,48,171,0.9);
    background: rgba(62,104,151,0.7);
    color:white;
    padding: 6px;
    margin-top:15px;
    margin-left:50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-family: 'Kreon';
    border: none;
    width:180px;
    border-radius:5px;
}

#login input:nth-of-type(2) {
    margin-top:25px;
}

#login button {
    padding: 6px 10px;
    background-color: rgba(250, 21, 21,0.9);
    color: white;
    font-size: 16px;
    font-family: 'Kreon';
    border: none;
    cursor: pointer;
    margin-top:25px;
    margin-bottom:15px;
    margin-left:50%;
    transform: translateX(-50%);
    border-radius:5px;
}
  
#login button:hover {
    color:yellow;
}

#matematica{
    display:none;
    height:100%;
    width:100%;
    grid-template-columns: 33.33% 33.33% 33.33%;
}

#matdid{
    display: none;
    background-color: rgba(230, 230, 255, 0.92);
    width:100%;
    height:92vh;
}

#matdid .blockElem{
    margin-top:80px;
    margin-bottom:40px;
    margin-left:50%;
    transform: translateX(-50%);
    font-size:30px;
    line-height:90px;
    width:80%;
    height:70%;
}

#misiune{
    background-color: rgba(152, 198, 253, 0.65);
    background-color: rgba(206, 184, 184, 0.616);
    background-color: rgba(152, 198, 253, 0.9);
    font-family:'Kreon';
    width:100%;
    padding-bottom:10px;
}

#misiune h3{
    padding:7px 20px 7px 0px;
    width:150px;
}

#misiune .description-p{
    font-size:20px;
    line-height:25px;
}

#menu-2{
    display:grid;
    grid-template-columns: 25% 25% 25% 25%;
    width:100vw;
    height:15%;
    margin-left:auto;
    margin-right:auto;
}

#menu-2 i{
    border-radius: 50%;
    padding:10px;
    font-size:2vw;
}

#menu-2 a{
    display:block;
    background-color: rgba(129, 147, 168, 0.8);
    background-color: rgba(150, 167, 187, 0.8);
    color:rgba(230, 230, 225, 0.877);
    color:white;
    width:80%;
    height:78%;
    margin-top:7.5%;
    text-align:center;
    line-height: 11.8vh;
    font-size:1.6vw;
    border-radius: 10px;
    font-family: 'Oswald';
    text-transform: uppercase;
    background-color: rgba(210, 0, 0, 0.856);
    margin-left: 50%;
    transform: translateX(-50%);
}

#menu-2 a:hover{
    background-color: rgba(112, 110, 110, 0.856);
    background-color: rgba(230, 230, 225, 0.877);
    background-color: rgb(250, 21, 21);
    color: white;
    border-radius: 20px;
    transition: 0.3s;
}

#menu-2 a:nth-of-type(2n){
    margin-left: 50%;
    transform: translateX(-50%);
    display:inline-block;
    background-color: rgba(0, 70, 255, 0.856);
}

#menu-2 a:nth-of-type(2n):hover{
    background-color: rgb(3, 71, 243);
}

#menu-2 a:nth-of-type(3n){
    display:inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 225, 0, 0.856);
}

#menu-2 a:nth-of-type(3n):hover{
    background-color: rgb(13, 199, 13);
}

#menu-2 a:nth-of-type(4n){
    margin-left: 50%;
    transform: translateX(-50%);
    background-color: rgba(133, 21, 161, 0.856);
}

#menu-2 a:nth-of-type(4n):hover{
    background-color: rgba(131, 10, 161, 1);
}

#orarElevi{
    display: none;
    background-color: rgba(230, 230, 255, 0.92);
    width:100%;
    height:92vh;
}

#orarProf{
    display: none;
    background-color: rgba(230, 230, 255, 0.92);
    width:100%;
    height:92vh;
}

#orarElevi h3{
    margin-left:-80px;
}

#orarProf h3{
    margin-left:-80px;
    padding:7px 20px 7px 0px;
    width:150px;
}

#orarElevi .close-h3-btn:hover{
    background-color:rgba(0, 70, 255, 0.856);
}

#ROSE{
    height:calc(100% - 64px);
    height:-webkit-calc(100% - 64px);
    height: -moz-calc(100% - 64px);
    height: -o-calc(100% - 64px);
    background-color:rgba(230, 230, 255, 0.92); 
}

#ROSE ul{
    font-size:20px;
    margin-left:70px;
}

#ROSE h3{
    margin-left:0px;
    padding:7px 20px 7px 0px;
    width:150px;
}

#ROSE .close-h3-btn:hover{
    background-color:rgba(0, 225, 0, 0.856);
}


#teme{
    display:none;
    height:100%;
    width:100%;
}

.activitate{
    background-color:rgba(230, 230, 255, 0.92);
}

.activitate h2{
    text-indent: 50px;
    font-size:30px;
}

.imagini-activitate{
    margin-left:50px;
    margin-right:50px;
}

.imagini-activitate img{
    width:-webkit-calc( ( 100% - 9px ) / 3 );
    height:40%;
}

#imagini-activitate1{
    width:100%;
    padding-bottom: 20px;
}

#imagini-orasul-verde img{
    width:75%;
    height:90%;
    margin-bottom:20px;
    margin-left:50%;
    transform: translateX(-50%);
}

.banner{
    float:left;
    margin-left:30px;
    margin-top:4px;
    font-size:38px;
    font-family: 'Dancing Script';
    color:darkblue;
    color:white;
}

.banner img{
    width:50px;
    height:50px;
    padding-top:4px;
    border-radius:50%;
}

.banner span{
    position:absolute;
    padding-top:6px;
    padding-left:10px;
}

.banner i{
    background-color:rgba(230, 230, 255, 1);
    background-color: white;
    color:rgb(250, 21, 21);
    color: rgba(62,104,151,0.95);
    border-radius:50%;
    font-size:32px;
    padding:7px;
    text-align: center;
    width:33px;
    height:33px;
    margin-left:3px;
    margin-top:5px;
    margin-bottom:13px;
    cursor: pointer;
}

.blockElem{
    box-shadow: 0px 8px 16px 3px rgba(0,0,0,0.2);
    margin-top:25vh;
    /*transform: rotate(45deg);*/
    display:inline-block;
    width:35vh;
    height:35vh;
    text-align: center;
    color:rgba(255, 255, 255, 0.94);
    font-family:'Kreon';
    border-radius:40px;
}

.blockElem h2{
    font-size:9vh;
}

.blockElem:hover{
    box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

.blockElem i{
    font-size:8vh;
    /*transform: rotate(-45deg);*/
}

.blue{
    background-color: rgba(0, 70, 255, 0.856);
}

.blue:hover{
    background-color: rgba(41, 40, 40, 0.67);
}

.card{
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition:0.3s;
    width:70%;
    margin-right:0px;
    margin-bottom:0px;
    display:inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
}

.card:hover{
    box-shadow:0 12px 20px 0 rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

.card-container{
    padding:2px 16px;
    background-color: white;
    margin-top:-5px;
}

.card-container p{
    font-size:18px;
    text-align: justify;
    color:black;
    margin-top:0;
    height:120px;
}

.card-container h2{
    margin-block-start: 0;
    color:darkblue;
    margin-bottom:12px;
}

.close-h3-btn{
    border-radius: 0 0 15% 80%;
    text-indent:10px;
}

.close-h3-btn:hover{
    background:rgba(210, 0, 0, 0.856);
    color:white;
    cursor:pointer;
}

.container{
    display:block;
    background-color: rgba(219, 210, 210, 0.87);
    background-color: white;
    background:  rgb(202, 192, 146);
    background-color:rgba(230, 230, 255, 0.92); 
    background-color:rgba(245, 245, 255, 0.95); 
    width:100%;
    height: -moz-calc(100vh - 64px);
    height: -webkit-calc(100vh - 64px);
    height: -o-calc(100vh - 64px);
    height:(100vh - 64px);
    z-index:-1;
}

.container img{
    display:inline-block;
    z-index: -1;
    width:95%;
    height:74%;
    margin-top:2%;
    margin-left:50%;
    transform: translateX(-50%);
    border-radius: 10px;
}

.closebtn{
    position: relative;
    right: -3px;
    font-size: 24px;
    text-align:center;
    float:right;
    padding: 0;
    color:black;
    width:30px;
    height:30px;
}

.closebtn:hover{
    cursor:pointer;
    font-size: 29px;
    color:red;
    transition:0.1s;
}

.description-p{
    padding:10px 50px;
    text-align: justify;
    font-size:20px;
}

#despreUl a {
    text-align: left;
    text-decoration: none;
    display: block;
    padding: 10px;
    color:black;
    border-radius: 0;
    width:270px;
    margin-left:-10px;
}

#despreUl li ul {
    position: absolute;
    top: 40%;
    right:100%;
    margin: 0;
    margin-left:-20px;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    display: none;
    line-height: normal;
}

#despreUl li ul li a {
    text-align: left;
    color: black;
    font-size: 20px;
    background:  rgba(202, 192, 146,0.7);
    background: rgba(0, 0, 139, 0.7);
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    display: block;
    white-space: nowrap;
    border-radius:none;
    width:inherit;
}

#despreUl li ul li a:hover {
    background:rgba(165, 42, 42, 0.7);
    background: url(../img/texture4.jpg);
    background: rgba(20, 80, 139, 0.9);
    background: rgba(62,104,151,0.95);
    border-radius:0;
    color: #ffffff;
}

#despreUl  li:hover>a {
    background:rgba(165, 42, 42, 0.7);
    background: url(../img/texture4.jpg);
    background: rgba(20, 80, 139, 0.95);
    background: rgba(62,104,151,0.95);
    color:white !important;
}

#despreUl  li:hover>ul {
    display: block;
    z-index:1;
}

.fa.fa-info{
    margin-left:50%;
    transform:translate(-50%);
    height:24px;
    border-radius:50%;
    background-color: rgb(62,104,151);
    padding:10px 15px 8px 8px;
    color: white;
    text-indent:10px;
}

.log{
    float:right;
    margin-right:-140px;
    margin-top:3px;
    cursor:pointer;
    border:none;
    padding:2px 7px;
}

.log:hover{
    background: yellow;
    border-radius:5px;
}

.math-block{
    display:inline-block;
    line-height: 180px;
    width:60%;
    height:60%;
    background-color: white;
    margin-top:50%;
    margin-left:50%;
    transform: translate(-50%,-35%);
}

.math-block:hover{
    color:white;
    background-color: rgba(0, 0, 0, 0.623);
}

.math-block:hover .math-btn{
    display:inline-block;
    position:absolute;
}

.math-block:hover .math-cover{
    display: none;
}

.math-btn {
    display: none;
    margin-top: -70px;
    margin-bottom: -70px;
}

.math-btn button{
    background-color: blue;
    border:none;
}

.menu-phone-content{
    display:none;
}

.navElem{
    float:left;
    padding:1px 0px;
}

.navElem1{
    float:right;
    padding:1px 0px;
}

.navig{
    width:100vw;
    height:100%;
}

.noutati{
    display: inline-block;
    width:80%;
    height:30vh;
    font-family: 'Merriweather Sans';
    font-weight:300;
    background-color: rgba(129, 147, 168, 0.8);
    background-color: rgba(150, 167, 187, 0.9);
    color:rgba(0, 0, 0, 0.685);
    margin-top:60px;
    border-radius: 7px;
}

.far.fa-eye:hover{
    color:chartreuse;
}

.fas.fa-download:hover{
    cursor:pointer;
    color:chartreuse;
}

.red{
    background-color: rgba(210, 0, 0, 0.856);
}

.red:hover{
    background-color: rgb(95, 89, 89);
    background-color: rgba(41, 40, 40, 0.67);
}

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb{
    background-color: rgb(34, 34, 187);
}

::-webkit-scrollbar-thumb:hover{
    background-color: #aaa;
}

/*Telefon*/
@media screen and (max-width:430px){

    button.log{
        display:none;
    }

    header{
        height:64px;
    }
    
    nav{
        display:none;
        float:left;
        font-size: 14px;
        margin-top:7px;
        margin-right:0;
        margin-left:7%;
    }

    nav a{
        padding:5px 15px;
        padding-right:16px;
        font-family:'Kreon';
        color:black;
    }

    nav a:hover{
        border-radius:0;
    }

    nav div:nth-child(3){
        margin-left:-11px !important;
    }

    nav div:nth-child(4){
        margin-left:-25px !important;
    }

    #anunturi .item-anunturi{
        width:90%;
    }

    .banner{
        display:block;
        z-index:-1;
        font-size:26px;
        text-align:center;
        margin-left:12px;
        margin-top:7px;
    }

    .banner img{
        width:45px;
        height:45px;
        margin-top:-2px;
        margin-left:-2px;
    }
    
    .banner span{
        padding-top:9px;
    }

    #contact{
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
        float:none;
        text-align: center;
    }

    #contact span{
        font-weight: 0;
    }

    #contact h3{
        display:block;
        margin-left:0px;
        margin-right:auto;
        margin-bottom:0px;
    }

    #contact i{
        display:block;
        text-indent:0;
    }

    #contact span, a{
        display:block;
        padding-top:10px;
        line-height: 22px;
    }

    #contactPlus1, #contactPlus2{
        display: none;
    }

    #contactMore{
        display:block;
        margin-top:-55px;
        margin-bottom:50px;
        margin-left:50%;
        transform: translateX(-50%);
        font-size:14px;
        color:black;
        background: white;
        border:none;
        padding:3px 5px;
        font-family: 'Kreon';
        font-weight: bold;
    }

    #links{
        display:block;
        margin-left:0;
	background:rgba(0,0,175,0.1);
    }

    #links a{
        padding-top:25px;
    }

    #links img{
        display:block;
        margin-left:50%;
        transform: translateX(-50%);
    }

    #links span{
        margin-bottom:-10px;
    }

    #maimult{
        display:block;
        margin-top:-15px;
        margin-bottom:10px;
        margin-left:50%;
        transform: translateX(-50%);
        font-size:14px;
        color:black;
        background: white;
        border:none;
        padding:3px 5px;
        font-family: 'Kreon';
        font-weight: bold;
    }

    .menu-phone{
        display:inline-block;
        z-index:1;
        width:100%;
        height:30px;
        background-color: rgb(76, 168, 196);
        background-color: rgb(76, 168, 196);
        margin-top:15px;
        color:white;
    }

    .menu-phone-content{
        display:grid;
        grid-template-columns: 25% 25% 25% 25%;
        text-transform: uppercase;
    }

    .menu-phone-content section{
        margin-top:5px;
        margin-left:50%;
        transform: translateX(-50%);
    }

    .menu-phone-content a{
        margin-top:-10px;
        color:white;
    }

    #menu-2{
        display:block;
        width:100%;
        margin-bottom:15px;
    }

    #menu-2 a{
        width:100%;
        height:70%;
        line-height: 60px;
        padding-top:0;
        font-size:20px;
        border-radius:0;
    }

    #menu-2 i{
        font-size: 6vw;
    }

    #more{
        display:block;
    }

    #moreA{
        display:block;
        margin-top:-10px;
        margin-bottom:-5px;
        margin-left:50%;
        transform: translateX(-50%);
        font-size:14px;
        color:black;
        background: white;
        border:none;
        padding:3px 5px;
        font-family: 'Kreon';
        font-weight: bold;
    }

    #continut-oferta-educationala video{
        display:block;
        padding-top:0%;
        width:75%;
        height:65%;
    }

    #plus{
        display: none;
    }
    
    #proiecte h3{
        margin-left:0;
        margin-right:auto;
        margin-top:42px;
    }

    #continut-resurse-profesori{
        z-index:-1;
        width:100%;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
    }

    #continut-resurse-profesori h2{
        transform: rotate(-45deg);
        font-size:30px;
        color:white;
        margin-left:10px;
        margin-top:0px;
    }
    
    #continut-resurse-profesori i{
        color:white;
        font-size:34px;
        margin-right:60px;
        margin-top:40px;
    }

    #continut-resurse-profesori .blockElem:nth-child(2){
        margin-top:30px;
    }

    #continut-resurse-elevi{
        z-index:-1;
        width:95.8%;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
    }

    #continut-resurse-elevi h2{
        transform: rotate(-45deg);
        font-size:30px;
        color:white;
        margin-left:-5px;
        margin-top:-5px;
    }
    
    #continut-resurse-elevi i{
        color:white;
        font-size:34px;
        margin-right:75px;
        margin-top:10px;
    }

    #continut-resurse-elevi .blockElem:nth-child(2){
        margin-top:30px;
    }

    #continut-resurse-elevi .blockElem:nth-child(2) i{
        margin-top:10px;
        margin-left:20px;
    }

    #continut-resurse-elevi .blockElem:nth-child(2) h2{
        margin-top:0px;
        margin-left:15px;
    }

    #ROSE h3{
        margin-top:42px;
        margin-left:0px;
    }

    .blockElem{
        display:inline-block;
        width:170px;
        height:170px;
        margin-top:80px;
        margin-left:27% !important;
        margin-right:0px !important;
    }

    .card{
        width:85%;
        margin-top:-30px;
    }

    .container{
        height:100%;
    }

    .container img{
        width:100%;
        margin-top:55px;
        margin-bottom:0px;
    }

    .dropdown{
        width:100px;
    }

    .dropdown .dropbtn{
        font-size:14px;
        color:black;
        margin-top:8px;
        margin-left:-15px;
        border-radius:0;
    }

    .dropbtn{
        width:80px;
    }

    .dropdown li ul {
        margin-top: -10px;
        margin-left:-30px;
        margin-right:auto;
    }

    .dropdown li ul li a{
        font-size:14px;
    }

}

@media screen and (max-width:1350px){
    #menu-2 a{
	    font-size: 2.4vh;
    }
}

/*@media screen and (min-width:1500px){
    .card{
        width:20%;   
    }
}*/