/* 980px*1280px portrait ----------- */
@media only screen and (min-device-width: 240px) and (orientation : portrait) {
/* Styles */


.logoleft
{  
    float:left;
    text-align:left;
    padding-top:2px;
    vertical-align:middle;
    display:block;   
    width:100%;  

}

.logoright
{
   
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;

    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:10px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}



/* 980px*1280px landscape ----------- */
@media only screen and (min-device-width: 240px) and (orientation : landscape) {
/* Styles */


.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:10px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}



}




/* Smartphones (portrait ) ----------- */
@media only screen and (min-device-width : 320px) and (orientation : portrait) {



    
    
.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block; 
    width:90%;    
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:4px;
    width:100%; 
    
}

.Title
{
    font-family: Arial Narrow,NikoshBAN ;
    font-size:10px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}

}


/* Smartphones (landscape ) ----------- */

@media only screen and (min-device-width : 320px) and (orientation : landscape) {



 
    
.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block; 
    width:90%;    
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
    width:80%; 
    
}

.Title
{
    font-family: Arial Narrow,NikoshBAN ;
    font-size:16px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}
}


/* 360*640 portrait*/

@media only screen and (min-device-width:360px) and (orientation : portrait) {
/* Styles */




.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;
    width:100%;     
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:4px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:12px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}


/* 360*640 landscape*/

@media only screen and (min-device-width:360px) and (orientation : landscape) {
/* Styles */



 



.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;
    width:70%;     
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:19px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}

}



/* 412* portrait*/

@media only screen and (min-device-width:412px) and (orientation : portrait) {
/* Styles */




 



.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;
    width:90%;     
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:4px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:16px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}






/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 600px) and (orientation : portrait) {
/* Styles */



.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:20px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 600px) and (orientation : landscape) {
/* Styles */


.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;  
*/   
}

.logoright
{
   /* 
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:20px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 640px) and (orientation : portrait) {
/* Styles */

.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:20px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 640px) and (orientation : landscape) {
/* Styles */


.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;  
*/   
}

.logoright
{
   /* 
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:20px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}




/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (orientation : portrait) {
/* Styles */



.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:26px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (orientation : landscape) {
/* Styles */


.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;     
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:31px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}

/* 980px*1280px portrait ----------- */
@media only screen and (min-device-width: 980px) and (orientation : portrait) {
/* Styles */


.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:29px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}



/* 980px*1280px landscape ----------- */
@media only screen and (min-device-width: 980px) and (orientation : landscape) {
/* Styles */



.logoleft
{    
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
}

.logoright
{
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:10px;
    width:102%;
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:39px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}



}




/* 980px*1280px portrait ----------- */
@media only screen and (min-device-width: 1024px) and (orientation : portrait) {
/* Styles */


.logoleft
{  /*  
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:45px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}



/* 980px*1280px landscape ----------- */
@media only screen and (min-device-width: 1024px) and (orientation : landscape) {
/* Styles */


.logoleft
{    
    /*
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:39px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}



}



/* 980px*1280px portrait ----------- */
@media only screen and (min-device-width: 1320px) and (orientation : portrait) {
/* Styles */


.logoleft
{  /*  
    float:left;
    text-align:left;
    vertical-align:middle;
    display:block;   
    width:70%;  
*/
}

.logoright
{
    /*
    
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:50px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    
}


}



/* 980px*1280px landscape ----------- */
@media only screen and (min-device-width: 1320px) and (orientation : landscape) {
/* Styles */



.logoright
{
    /*
    float:right;
    text-align:left;
    vertical-align:middle;
    display:block; 
    padding-top:8px;
*/
    
}

.Title
{
    font-family:Arial Narrow,NikoshBAN;
    font-size:30px;
    font-style:oblique;
   float:left;   
   text-align:center;
   vertical-align:middle; 
    margin: auto;   
    padding: 20px;
    
}



}