@media screen and (max-width: 1120px)
{
	#logo{display:none;}
	
}

.content-container{text-align:justify; min-height:350px; border-left:1px solid #e4e4e4; margin-top:20px;}
div.content-container:hover{opacity:0.8; box-shadow:0px 0px 5px 0px lightgrey;}
.content-img{max-width:320px; max-height:240px; width:100%; margin-bottom:10px; margin-top:10px; border:1px solid lightgrey; padding:5px;}
.content-date{background-color:#d54650; color:white; padding:1px 2px; font-size:10pt;}
footer ul li a:hover{opacity:0.8;}
.menu-link{text-decoration:none; padding:15px; color:white;}
.menu-link:hover{color:white; opacity:0.8; text-decoration:none;}
.devami_button{background-color:#e9e9e9; text-decoration:none; color:#4c79ff; font-weight:bold; padding:3px 10px; font-size:10pt; border:1px solid lightgrey; border-radius:15px;}
.devami_button:hover{background-color:#e9e9e9;text-decoration:none;}
img[alt="sola"]{float:left; margin:0px 8px 5px 2px; clear:left;}
img[alt="saga"]{float:right; margin:0px 8px 5px 2px; clear:right;}
img[alt="responsive"]{ margin:auto; max-width:900px; width:100%; max-height:1100px; height:100%; display:block; padding:10px; border:1px solid lightgrey; border-radius:3px; box-shadow: 0px 0px 5px 0px lightgrey;}

.rgb_color_effect 
{
      font-family: futura;
      font-style: italic;
      width:100%;
      margin: 0 auto;
      text-align: center;
      color:#313131;
      font-size:45px;
      font-weight: bold;
      position: absolute;
      -webkit-animation:colorchange 20s infinite alternate;
}

    @-webkit-keyframes colorchange 
	{
      0% {color: blue;}
      10% {color: #8e44ad;}
      20% {color: #1abc9c;}
      30% {color: #d35400;}
      40% {color: blue;}
      50% {color: #34495e;}
      60% {color: blue;}
      70% {color: #2980b9;}
      80% {color: #f1c40f;}
      90% {color: #2980b9;}
      100% {color: pink;}
    }