#qx-section-962 { padding-top : 100px; padding-right : 0px; padding-bottom : 100px; padding-left : 0px; background-image : url("https://ictsummerschool.ecedu.uoi.gr/images//images/konitsa.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-962-background-overlay { background-color : rgba(0 ,  0,  0, 1); opacity : 0.5;  } #qx-section-962:hover .qx-section-962-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-962 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-962 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-854 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-854-background-overlay {  } #qx-row-854:hover .qx-row-854-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-854 {  }  } @media (max-width: 767px) { #qx-row-854 {  }  } #qx-column-705 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-705 { flex: 10%; max-width: 10%; } .qx-column-705-background-overlay {  } #qx-column-705:hover .qx-column-705-background-overlay {  } #qx-column-705 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-705 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-705 > .qx-col-wrap {  } #qx-column-705 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-705 > .qx-col-wrap {  } #qx-column-705 { flex: 100%; max-width: 100%; }  } #qx-column-207 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-207 { flex: 75.58559%; max-width: 75.58559%; } .qx-column-207-background-overlay {  } #qx-column-207:hover .qx-column-207-background-overlay {  } #qx-column-207 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-207 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-207 > .qx-col-wrap {  } #qx-column-207 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-207 > .qx-col-wrap {  } #qx-column-207 { flex: 100%; max-width: 100%; }  } #qx-heading-1244 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-1244 h2 { font-size : 48px; line-height : 1em; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-1244 {  } #qx-heading-1244 h2 {  }  } @media (max-width: 767px) { #qx-heading-1244 {  } #qx-heading-1244 h2 { font-size : 42px;  }  } #qx-joomla-module-3365 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-3365 {  }  } @media (max-width: 767px) { #qx-joomla-module-3365 {  }  } .breadcrumb {text-align:center;}#qx-column-559 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-559 { flex: 10%; max-width: 10%; } .qx-column-559-background-overlay {  } #qx-column-559:hover .qx-column-559-background-overlay {  } #qx-column-559 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-559 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-559 > .qx-col-wrap {  } #qx-column-559 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-559 > .qx-col-wrap {  } #qx-column-559 { flex: 100%; max-width: 100%; }  } #qx-section-15128 { padding-top : 100px; padding-right : 0px; padding-bottom : 100px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-15128-background-overlay {  } #qx-section-15128:hover .qx-section-15128-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-15128 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-15128 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-59183 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-59183-background-overlay {  } #qx-row-59183:hover .qx-row-59183-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-59183 {  }  } @media (max-width: 767px) { #qx-row-59183 {  }  } #qx-column-89186 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-89186 { flex: 100%; max-width: 100%; } .qx-column-89186-background-overlay {  } #qx-column-89186:hover .qx-column-89186-background-overlay {  } #qx-column-89186 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-89186 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-89186 > .qx-col-wrap {  } #qx-column-89186 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-89186 > .qx-col-wrap {  } #qx-column-89186 { flex: 100%; max-width: 100%; }  } #qx-joomla-module-66228 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-66228 {  }  } @media (max-width: 767px) { #qx-joomla-module-66228 {  }  } #qx-text-5473 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-5473 {  }  } @media (max-width: 767px) { #qx-text-5473 {  }  }