/*
Theme Name: Spectrum Starter
Description: Contains the media queries for the responsive behaviour of the theme.
*/

  @media only screen and (min-width : 240px) {
    .site-title,
    .site-subtitle{
      text-align: center;
    }

    #mobile-menu-toggle{
    text-align: right;
    }

    .main-navigation{
      display:none;
    }
  }

  /* Custom, iPhone Retina */
   @media only screen and (min-width : 320px) {

   }

   /* Extra Small Devices, Phones */
   @media only screen and (min-width : 480px) {

     .site-title,
     .site-subtitle{
       text-align: left;
     }
   }

   /* Small Devices, Tablets */
   @media only screen and (min-width : 768px) {
   	.desc {
  		font-size: 30px;
  		border-bottom: 1px solid #C7C7C9;
  	}
  	.site-header {
      padding-bottom: 5px;
    }
          #mobile-menu-toggle{
        display:none;
      }
      .main-navigation{
        display:block;
      }
      
    .uk-heading-hero {
      padding: 0.5em 2em;
        }
  }



   /* Medium Devices, Desktops */
   @media only screen and (min-width : 992px) {
    	.headerwidgets{
        width: 200px;
      }

    	#main-site-header .uk-grid{
    	  flex-wrap: wrap;
    	}
       .logo {width: 160px;}
       
       h1 {
      margin-top: 0;
      font-size: 2.041em;
    	}

    	h2 {font-size: 1.953em;}

    	h3 {font-size: 1.563em;}

    	h4 {font-size: 1.25em;}
      .uk-heading-hero{
        font-size: 40px;

      }
          #sidebar {
              margin-top: 0;
          }
   
   }

   /* Large Devices, Wide Screens */
   @media only screen and (min-width : 1200px) {

	#main-site-header .uk-grid .uk-grid{
	margin-left: 0;
	}

      .desc {
    border-bottom: 2px solid #012C6A;
    }
    .main-nav{
      padding-left: 0;
    }


   }



  /* Print */
  @media print{

    .no-print{
      display:none;
    }

  }