
.name1   { 
				padding: 0;
				margin: 1em 3em;
			    font-size: 1.2em; 
				font-weight: normal; 
				color: #444; 
				text-align: center;
				text-shadow: #666 1px 1px 2px;
				letter-spacing: 1px; /* интервал между символами */
				word-spacing: 5px;		 /* интервал между словами */
				line-height: 100%;
}
.name2     {
				padding: 20px 30px 0px 30px;
				font-size: 1.5em; 
				font-weight: bold;
				border: none;
				color: #ff0000;
				text-align: center;
				text-shadow: #222 1px 1px 2px;
				word-spacing: 5px;
				letter-spacing: 3px; /* интервал между символами */
				word-spacing: 5px;		 /* интервал между словами */
}
.name3     {
				padding: 0;
				margin: 1em 2em 0.5em 2em;	
				text-align: center;
				font-size: 1.2em; 
				font-weight: bold;
				font-weight: 555;			
				line-height: 1.4em;
				color: #770000; 
				text-shadow: #222 1px 1px 2px; /* Параметры тени */
				letter-spacing: 1px; /* интервал между символами */
				word-spacing: 2px;		 /* интервал между словами */
				}
.name4     { 
				padding: 0;
				margin: 2em 0px 0.5em 0px;				
				font-size: 1.1em; 
				color: #770000; 
				text-align : left;
				font-weight: normal;
				font-weight: 333;
				text-shadow: black 1px 1px 1px; /* Параметры тени */
				letter-spacing: 1.5px; /* интервал между символами */
				word-spacing: 2px;		 /* интервал между словами */
}
.name5     { 
				margin: 0 10em;
				text-align: center; 			
				padding: 1em; /* Поля вокруг текста */
				
				font-size: 0.9375em; /* Размер шрифта 15/16 */  
				font-weight: normal;
				color: #444; 
				line-height: 1.1em;
				border: 1px dashed #887040; /* Параметры рамки */
				border-radius: 5px;
				background-color:#F4EEE2;	/* Цвет фона */
				word-wrap: normal;
}
.name6     { 
				font-size: 0.9375em; /* Размер шрифта 15/16 */ 
				font-weight: bold;
				color: #000; 
				text-align : center;
}
.name7     { 
				margin: 0 3em;
				text-align: center; 			
				padding: 0.5em; /* Поля вокруг текста */
				font-size: 0.9375em; /* Размер шрифта 15/16 */ 
				font-weight: normal;
				color: #444; 
				line-height: 1.2em;
				border: 1px dashed #887040; /* Параметры рамки */
				border-radius: 5px;
				background-color:#F4EEE2;	/* Цвет фона */
}
.name8     { 
				margin: 0px 3em;
				padding: 0.5em; /* Поля вокруг текста */
				font-size: 0.9375em; /* Размер шрифта 15/16 */ 
				font-size: 0.9em; 
				font-weight: normal;
				color: #444; 
				text-align: left; 
				line-height: 1.1em;
				text-align: justify; 
				border: 1px dashed #887040; /* Параметры рамки */
				border-radius: 5px;
				background-color:#F4EEE2;	/* Цвет фона */
}
.name9    { 
				width: max-content;
				margin: 0 auto;
				text-align: center; 			
				padding: 0.8em; /* Поля вокруг текста */
				
				font-size: 0.9375em; /* Размер шрифта 15/16 */  
				font-weight: normal;
				color: #444; 
				line-height: 1.1em;
				border: 1px dashed #887040; /* Параметры рамки */
				border-radius: 5px;
				background-color:#F4EEE2;	/* Цвет фона */
				word-wrap: normal;
}
.name10     { 
				width: max-content;
				margin: 0 auto;
				text-align: center; 			
				padding: 0.8em; /* Поля вокруг текста */
				
				font-size: 1em; 
				font-weight: normal;
				color: #444; 
				line-height: 1em;

				border: 1px dashed #887040; /* Параметры рамки */
				border-radius: 5px;
				background-color:#F4EEE2;	/* Цвет фона */

.big2	{
		font-weight: bold; 
		color: #ff0000;
		text-shadow: #20204B 1px 1px 2px;
} 

/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */

/* Small devices (360px and up) */
@media only screen and (min-width: 360px) and (max-width: 459px) {

}
/* Small devices (landscape phones, 576px and up) */	
@media only screen and (min-width: 460px) and (max-width: 575px) {

}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {	

}
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}
/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}
