@media only screen {


	.logo { font-size: 35px; color: #555; line-height: 30px;display: inline-block; font-family:'Roboto Condensed', Arial, sans-serif; font-weight: normal;}
	.logo .rond {
    display: inline-block;
    /* border-radius: 50%; */
    font-size: 65px;
    color: #555;
    line-height: 68px;
    /* height: 68px; */
    /* width: 68px; */
    padding: 0 10px;
    /* vertical-align: baseline; */
    /* text-align: center; */
    margin: -30px 10px;
    /* -webkit-animation-name: docolor; */
    /* -webkit-animation-duration: 20s; */
    /* -webkit-animation-iteration-count: infinite; */
    -webkit-animation-fill-mode: forward;
    /* animation-name: docolor; */
    /* animation-duration: 20s; */
    /* animation-iteration-count: infinite; */
    animation-fill-mode: forward;
	}

	.logo .sub {
		display: block;
		float: right;
		font-size: 25px;
		margin-top: 0px;
	}
/* Safari 4.0 - 8.0 */
	@-webkit-keyframes docolor {
		0%   {background-color: rgb(170, 71, 61);}
		20%   {background-color: rgb(170, 71, 61);}
		40%  {background-color: rgb(43, 85, 106);}
		60% {background-color: rgb(107, 151, 57);}
		80% {background-color: rgb(241, 196, 15);}
		100%   {background-color: rgb(167, 85, 63);}
	}
	@keyframes docolor {
		0%   {background-color: rgb(170, 71, 61);}
		20%   {background-color: rgb(170, 71, 61);}
		40%  {background-color: rgb(43, 85, 106);}
		60% {background-color: rgb(107, 151, 57);}
		80% {background-color: rgb(241, 196, 15);}
		100%   {background-color: rgb(167, 85, 63);}
	}
	@-webkit-keyframes docolorhome {
		0%   {background-color: rgb(170, 71, 61);}
		20%   {background-color: rgb(170, 71, 61);}
		40% {background-color: rgb(241, 196, 15);}
		60% {background-color: rgb(107, 151, 57);}
		80%  {background-color: rgb(43, 85, 106);}
		100%   {background-color: rgb(167, 85, 63);}
	}
	@keyframes docolorhome {
		0%   {background-color: rgb(170, 71, 61);}
		20%   {background-color: rgb(170, 71, 61);}
		40% {background-color: rgb(241, 196, 15);}
		60% {background-color: rgb(107, 151, 57);}
		80%  {background-color: rgb(43, 85, 106);}
		100%   {background-color: rgb(167, 85, 63);}
	}


	@media(max-width:1200px){

		
	}

	@media (max-width:1023px) {
		 .logo {font-size: 30px;}
		 .logo .rond {font-size: 35px; 

			}
		 .logo .sub {font-size: 18px;}
	}

	@media (max-width:767px) {
		 .logo {font-size: 25px;}
		 .logo .rond {font-size: 30px; 
			height: 33px;
			width:33px;
			margin: 0 3px;
			line-height: 33px;
			}
		 .logo .sub {font-size: 18px;}
	}

}