/*Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

  /*========== TYPOGRAPHY ==========*/

  h1  {font-size: 4.5rem}
  h2  {font-size: 1.85rem}
  h3  {font-size: 1.35rem}
  h4  {font-size: 1rem}
  h5  {font-size: 1rem}

	label, p {
    font-size: 1.5rem;
	
	}

  /*========== STRUCTURE ==========*/

  .container {
    max-width: 100%;
}

  /*to hide fixed site-header - must be the same as .site-main*/
 /* header.site-header.nav-up {
    top:-230px;
  } */

  .site-main {
    padding-top: 100px;
  }
  .home .site-main {
    padding-top: 75px;
  }
.lofte-gif {
    width: 71%;
  }

.omblack h1 {word-break: normal;}


}

/*// Medium devices (tablets, 768px and up) - Bootstrap SM */
@media (min-width: 768px) 
{ 

  /*========== TYPOGRAPHY ==========*/
  h1  {font-size: 5.0rem}
  h2  {font-size: 2.2rem}
  h3  {font-size: 1.4rem}
  h4  {font-size: 1rem}
  h5  {font-size: 1rem}


}

/*// Large devices (desktops, 992px and up) - Bootstrap MD */
@media (min-width: 992px) 
{ 

  /*========== TYPOGRAPHY ==========*/
  h1  {font-size: 3.0rem }
  h2  {font-size: 2.0rem }
  h3  {font-size: 1.25rem }
  h4  {font-size: 1.25rem }
  h5  {font-size: 1rem}

}

/*// Extra large devices (large desktops, 1200px and up)  - Bootstrap LG */
@media (min-width: 1140px) 
{ 



}



@media (min-width: 1400px) 
{ 


}

@media (min-width: 1920px) 
{ 

}



/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  
{ 
	h1 {  font-size: 5.0rem;}
	h2 {  font-size: 3.0rem;}

	label, p {   font-size: 2.4rem;	}

input[type=text], input[type=password] ,select
{
    
    font-size: 39px;
}



}