@charset "UTF-8";

/********** headlineTopBlock ***********************/

article.blocks section.headlineTopBlock div.headline
{
   width: calc(100% - 72px);
   margin-left: 60px; 
   padding-top: 1em;
}


article.blocks section.headlineTopBlock div.headline h1
{
   font-size: 32px;
   margin-top: 0.5em;
}

article.blocks section.headlineTopBlock div.headline h2
{
   font-size: 20px;
   margin-top: 0.5em;
}


article.blocks section.headlineTopBlock img.main,
article.blocks section.headlineTopBlock .site-video
{
   margin-bottom: 2em;
}



article.blocks section.headlineTopBlock img.main,
article.blocks section.headlineTopBlock .site-video
{
   width: calc(100% - 18px);
   margin-left: 18px;
   position: relative;
   z-index: 20;
}



article.blocks section.headlineTopBlock div.edgeDeco
{
   position: absolute;
   z-index: 0;
   background-color: #FFDF00; 
   top: 2em;
   left: 0;
   height: 72%;
   width: 32px;
}

article.blocks section.headlineTopBlock p.credit
{
   width: calc(100% - 12px);
   margin-right: 12px;
   text-align: right;
   margin-top: -2em;
}

@media (min-width: 720px) { 

	
	article.blocks section.headlineTopBlock div.headline
	{
	   width: calc(100% - 132px);
	   margin-left: 102px;
	}
	
	
	article.blocks section.headlineTopBlock div.headline h1
	{
	   font-size: 52px;
	}
	
    article.blocks section.headlineTopBlock div.headline h2
	{
	   font-size: 28px;
	}
	
		
	article.blocks section.headlineTopBlock img.main,
	article.blocks section.headlineTopBlock .site-video
	{
	   width: calc(100% - 32px);
	   margin-left: 32px;
	}

	
	article.blocks section.headlineTopBlock div.edgeDeco
	{
	   position: absolute;
	   background-color: #FFDF00; 
	   top: 1em;
	   left: 0;
	   height: 400px;
	   width: 64px;
	}


}