@font-face {                 
  font-family:"Comfortaa";
  src: url("Fonts/Comfortaa-Regular.ttf") format("truetype");
}

.menu-section {height: 0px;
	             margin-top: -38px;
               margin-bottom: 50px;}


.article_content h3, .comments-title, .comment-list, .article_content p, .read-btn, #comments, .site-info a, .wp-block-group__inner-container img, .entry-header h1, #title3, #title4,  #title5, #title6, #title7  {display : none;}


.metabox {margin-top: 50px;
          display : flex;
	justify-content: center;}

.entry-author, .entry-comments,  .footer-widget-4  {display: none !important;}

#block-70 img {margin-top: 30px;}



#block-71 {
	font-family: "Comfortaa";
  text-align: justify;
	width: 105%
}

#text-4, #text-5, #text-8, #text-11, #text-13, #text-15 {
	font-family: "Comfortaa";
  width: 400%;
	text-align: justify;
}

h3 {text-align: center;
    margin-top: 20px;}

#my-div { width    : 100%;
    			height   : 60px;
    		  overflow : hidden;
    		  position : relative;
          margin-left: 4%;}

#my-iframe { position : absolute;
    				 top      : -417,5px;
    				 left     : -2px;
    				 width    : 1000px;
    				 height   : 1200px;
						pointer-events: none;}

/* https://www.euro2day.gr/AseRealTime.aspx
-417.5
-347
*/

#text-8 fieldset {width: 300px;
	       	text-align: center;
	        margin-left: auto;
					margin-right: auto;
					position: relative;
	        z-index: 1;
					}

#backspaceleft, #backspaceright {margin-left: 20px;}

legend {width: 70%;}

#text-11 ul {width: 370px;
	  display: inline-block;
margin-left: 6%;
margin-right: 6%;}


.firstulfirst {position:relative; 
							 float: left; 
							 }

.firstulsecond {position:relative; 
							  float: right; 
							 	}

.gallery {width: 400%}

#text-13 fieldset ul {width: 400px;
						display: inline-block;
            margin-left: 50px;
	          margin-top: -20px;}

#text-13 ul li ul {width: 350px;
                   margin-top:0px;}

#title1 {margin-left: 80px;}

#title2 {margin-left: 200px;}

	#text-13 fieldset {padding-top: 25px;}


@media screen and (max-width: 540px) {
	#block-34, #text-4, #text-5,  #text-8, #text-11, #text-13, #text-15 {width: 100%;}
	
	#block-56 {width: 100%;
	           margin-left: auto;
		         margin-right: auto;}
	
	#block-71 {width: 100%}
	
.row img {display: block;
					margin-left: auto; 
					margin-right: auto;}
		

#my-div { width    : 100%;
    			height   : 60px;
    		  overflow : hidden;
    		  position : relative;
          margin-left: 0%;}
	
#my-iframe { position : absolute;
    				 top      : -421.5px;
    				 left     : -0.5px;
    				 width    : 1000px;
    				 height   : 1200px;}

/* -482.5
   -421.5    */ 	
	
	#text-11 h3, #text-13 h3 											{display: flex;
							 flex-direction: 									 row;}
	
	#backspaceleft, #backspaceright 							{margin-left: 10px;}

	#text-11 ul {width: 70%;
							 margin-left: 15%;
							 margin-right: 15%;
							 text-align: justify;}
	
	
	.gallery {width: 100%;}

	
	#title1 {display: block;
					margin-left: 4px; 
					margin-right: auto;}
	
	#title2 {display: none;}
	
		
	#text-13 fieldset ul {width: 70%;
							 margin-left: 50px;
							 margin-right: auto;
		           margin-top: -40px;}
	
	#text-13 ul li ul {width: 80%;
		margin-left: 20%;}
	
	#text-13 fieldset {padding-top: 15px;}
		
	#title3 {display: block;
		text-align: center;
	margin-bottom: 50px;
	margin-top: 15px;}
	
}


@media screen and (min-width: 540px) and (max-width: 1100px) {

#block-71 {width: 200%}

#block-70 img {margin-top: 60px;}
	
#my-iframe { top: -480.5px;}
	
	/* -560.5
	   -480.5   */ 
	
#text-11 ul {width: 215px;}

#text-13 fieldset ul {width: 35%;
	              margin-top: 15px;}
	
#text-13 ul li ul {width: 80%;
		margin-left: 20%;}
	
	#title1, #title2 {display: none;}

	#title4, #title5, #title6, #title7 {display: inline-block;}
	
#title4 {margin-left: 45px;}

#title5 {margin-left: 70px;}
	
#title6 {margin-left: 88px;}
	
#title7 {margin-left: 190px;}
	
	
}