/*
Theme Name: ioannides
Theme URI: 
Author: Alexandros Chanas
Author URI:
Version: 1.0
*/

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Manrope", sans-serif;
    //font-family: 'Satoshi', sans-serif;
    /*font-family: 'Satoshi', sans-serif;*/
    font-optical-sizing: auto;
    font-style: normal;
    overflow:hidden;
    }
    
    :root{
      
  

    }
    
   .fixed{position:fixed; top:0; width:100vw; height:100vh; object-fit:cover; background:black;}
   .fixed img{width:100%; height:100%;}

    @media screen and (min-width: 1240px) {
    
        li{font-size:16px; line-height:26px;}
        ul{margin: 1rem 0px 1rem 22px;}
        p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
        strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
        em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
        span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
        h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
        h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
        h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
        h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
        h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
        h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
        body, html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            --light-blue:#4396d2;
            --grey-color:#414141;
        }  
        
       
}



@media screen and (max-width: 1239px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
    
}