@font-face {
    font-family: 'Gilroy-Bold ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold ☞'), url('Gilroy-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Heavy ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Heavy ☞'), url('Gilroy-Heavy.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Light ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Light ☞'), url('Gilroy-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Medium ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Medium ☞'), url('Gilroy-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Regular ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Regular ☞'), url('Gilroy-Regular.woff') format('woff');
    }



.SEARCHBLOCK { left: 50%; transform: translate(-50%,-0%); bottom: 30px !important; }



.widescreenfull { height: 100%; width:100%;}


.object-fit_cover { object-fit: cover; width: 100%; }

.img2 { height: 100%; opacity:1;filter:alpha(opacity=100);}

.img2:hover {
  opacity: 1;filter:alpha(opacity=100);
  transition: .5s ease;
}

.image {

  width: 100%;
  height: 100%;
  }

 .responsiveI { width:100%; height:100vh; }
 .responsiveI2 { width:100%; height:45vh;  min-height:130px;}

  

  .responsiveI { width:50%; height:50vh; float:left; min-height:130px;}
  .playimage { width: 120px !important;}



.menutext { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 40pt !important; line-height: 50pt;  color: #191919;}
.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 25pt !important; line-height: 35pt;  color: #191919;}
.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 30pt !important; line-height: 40pt; color: #244795; }
.BODYTEXT  { font-family:'Gilroy-Bold ☞', sans-serif; font-size: 16pt !important; line-height: 28pt !important; color: #191919;}
.pullquote { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 40pt !important; line-height: 50pt;  color: #191919;}




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


	 }


@media only screen and (max-width : 768px) and (orientation: landscape)
{ 


	 }




  @media only screen and (orientation: portrait)
{ 
	

	.image1change1 { content:url('images/back_portrait.jpg') !important;}
}

	
	
	



  @media only screen and (max-width : 1024px)  
{ 
	

	
	.logoleft { width: 240px !important;}
	.logoleftdiv { top: 40px !important; left: 30px !important;}
	
	
	.menutext { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 20pt !important; line-height: 30pt;}
.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 30pt;}
.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 20pt !important; line-height: 30pt;}
	
	.BODYTEXT  { font-size: 12pt !important; line-height: 22pt !important;}
	
	.SEARCHBLOCK { bottom: 20px !important; }
	
	.SEARCH { width: 160px !important;}
	
	input#message {
	width: 180px !important;
	font-size: 10pt !important; 
		height: 20px !important; 
}

.LOGO { width: 90px !important;}
	
	.logomain { width: 250px !important;}
	
	.menu { width: 40px !important;}
	

	.menulogo { width: 70px !important;}
	.menulogofull { width: 180px !important;}
	
	
	 .responsiveI2 { width:100%; height:35vh;  min-height:130px;}
}