Антон Федорян

так например https://jsfiddle.net/slippyk/mvmbenx1/

У меня так получилось

p
{
  color: red;
}

p span:not([class])
{
  color: black;
}

Примерно так получилось https://jsfiddle.net/k354e3s7/

plnkr.co/edit/GlvBWB6e1g1RvT3GsuuE?p=info

https://jsfiddle.net/7ao7424p/

так

Почитайте вначале как это все работает.

Например, так: https://jsfiddle.net/dxLpvv91/

#submenu:hover > #submenu-hover
{
  display: block;
}

Например так: https://jsfiddle.net/c2e020a4/

Наверно не код, а результат надо отображать? код-то и так виден.
Гуглить по запросу WYSIWYG

Тоже неплохая статья

Через @media заданы разные параметры: в первом случае задано изменение ширины экрана, а во втором разные устройства отображения, как вариант.

.welc {
	text-align: center;
}	

.welc p {
	margin-top: 20px;
	margin-bottom: 570px;
        /*или вместо первых 2-х строчек
        margin: 20px auto 570px;*/
	font-style: italic;
}