* {
 box-sizing: border-box;
  margin: 0;
  padding: 0;
} 
html {
	 font-family: Helvetica, Arial, sans-serif;
	 font-size: 18px;
       min-height: 100%;
  position:relative;

}
 body {  
   margin:0;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
       background-repeat: no-repeat;
    background-attachment: fixed;
	 line-height: 1.5;
background: #BCEDFF; /* Old browsers */
background: -moz-linear-gradient(top, #BCEDFF 29%, #93D7FE 68%, #93D7FE 68%, #7CCFFF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #BCEDFF 29%, #93D7FE 68%, #93D7FE 68%, #7CCFFF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #BCEDFF 29%, #93D7FE 68%, #93D7FE 68%, #7CCFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCEDFF', endColorstr='#7CCFFF', GradientType=0); /* IE6-9 */
/* background: rgb(2,0,36);
background: -moz-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(215,248,255,1) 0%, rgba(0,212,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(215,248,255,1) 0%, rgba(0,212,255,1) 100%);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(215,248,255,1) 0%, rgba(0,212,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1); */
}
.wrapper {
 width:100vw;
//  border:1px solid red;
}
main {

 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:55%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);   
   padding : 7px;
}
 h2 {
	 font-size: 1.1 rem;
	 font-weight: bold;
	 //margin-bottom: 1rem;
}
#arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px;
// margin-top : 10px;
border-radius : 15px;
width:55%;
margin:0 auto;
text-align: center;
}
.paragrafos_arthrou {
font-size : 1em;
font-weight : normal;
line-height : 1.25em;
margin : 1em 1em 1em 1em;
text-align : justify;
color : #3C2F34;
}
.adz {
}
 figure {
	 display: table;
}

 figure.left {
	 float: left;
}
 figure.left img {
	 margin-right: 1.5rem;
	 margin-bottom: 0rem;
}
 figure.right {
	 float: right;
}
 figure.right img {
	 margin-left: 1.5rem;
	 margin-bottom: 0rem;
}

.imgres {
  width: 100%;
  max-width: 768px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.imgres-left {
  width: 100%;
  max-width: 768px;
  height: auto;
}

 p {
	 margin-bottom: 1rem;
}
 strong {
	 font-weight: bold;
} 

.aboutarticle {
font-size:14px;
} 

.bbox {
margin:0 auto;
text-align: center;
width: 95%;
padding:1px 0px 3px 0px;
}

#abox {

width: 55%;
  height: auto;
}

.imgpsinthos {
width:100%;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
    margin: auto;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-m {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container-m iframe,
.video-container-m object,
.video-container-m embed {
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.qfix {
    float:left;
    width:65%;
}

.aspecta {
width:30%;
display:inline-block;
height:600px;
background-color: transparent;
}

.conaspecta {
//white-space:nowrap;
text-align:center;
background-color: transparent;
}

@media (max-width:767px) {
    .qfix {
        float:none;
        width:100%;
    }
}

  @media screen and (max-width: 600px) {
	 figure.left, figure.right {
		 float: none;
		 width: 100%;
         background-color:transparent;
	}
	 figure.left img, figure.right img {
		 width: 100%;
		 margin-right: 0;
		 margin-left: 0;
	}

}
 

.psinthos-c {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.psinthos-r::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen and (max-width: 1200px) {
.aspecta {
width:100%;
height:740px;
}
.conaspecta {
padding-bottom:0%; position:relative; display:block; width:100%; height:100%;
}
}


@media only screen and (max-width: 700px) {
  .psinthos-c {
    width: 49.99999%;
    margin:0;
  } 
  
}

@media only screen and (max-width: 500px) {
  .psinthos-c {
    width: 100%;
  }

}

@media (max-width: 320px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:95%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:95%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}

}

@media (max-width: 360px) {
.bbox {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
//margin:0 auto;
text-align: center;
width: 100%;
height:auto;
padding:1px 0px 3px 0px;
}
}


@media (max-width: 720px) {
.paragrafos_arthrou {
font-size : 1em;
font-weight : normal;
line-height : 1.25em;
margin : 1em 1em 1em 1em;
text-align : left;
color : #3C2F34;
}
}

 /* From 320px and up */
@media (min-width: 320px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:95%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:95%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* Extra Small Devices, Phones */ 
    @media (min-width : 480px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:95%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:95%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
    }

/* From 768px and up */
@media (min-width: 768px) {
   #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:90%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:90%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

@media (min-width: 992px) {
   #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:90%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:90%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* From 1024px and up */
@media (min-width: 1024px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:85%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:85%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* From 1024px and up */
@media (min-width: 1124px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:75%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:75%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* From 1224px and up */
@media (min-width: 1224px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:70%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:70%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* From 1224px and up */
@media (min-width: 1324px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:65%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:65%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}  

/* From 1224px and up */
@media (min-width: 1424px) {
  #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:60%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:60%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/* From 1824px and up */
@media (min-width: 1824px) {
   #arthra_titlos {
//font-size : 21px;
background-color : #3B5998;
color : #ffffff;
padding : 2px 0 2px 0;
// margin-top : 10px;
border-radius : 10px;
width:55%;
margin:0 auto;
text-align: center;
}
main {
 //border:1px solid black;
 //width:80%;
  margin:0 auto;
 //position: absolute;
   width:55%;  
//max-width: 920px;
//padding: 0px;
  //margin-left: -30%;
  //margin-top:5px;
  //left: 50%;
//	margin: 0 auto;
   box-sizing: border-box;
   border-radius:2%;
   background:#FCE99F;
   box-shadow:0 15px 50px rgba(0,0,0,.2);
}
}

/*  max-width query */
/* From 850px and up, until 950px  */
@media (min-width: 850px) and (max-width: 950px) {
  
}










   /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .video-container {
    width:100%;
    margin: auto;
     }
     
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
          .video-container {
    width:100%;
    margin: auto;
     }  
     
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
           .video-container {
    width:100%;
    margin: auto;
     } 
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
     .video-container {
    width:100%;
    margin: auto;
     } 
     
    }
    
     @media only screen and (min-width : 1000px) {
     .video-container {
    width:100%;
    margin: auto;
     }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
       .video-container {
    width:80%;
    margin: auto;
     }
    }