.example1{background-color:black;color:white}
.example2{background-color:green;color:white}

/* BOILERPLATE CSS FROM TINYMCE WEBSITE */
/* Image captions using the HTML5 figure element */
figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image {
    display: inline-block;
    border: 1px solid gray;
    margin: 0 2px 0 1px;
    background: #f5f2f0;
}

figure.image img {
    margin: 8px 8px 0 8px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}

/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/
img.align-left {
    float: left;
}

img.align-right {
    float: right;
}

/* Basic styles for Table of Contents plugin (toc) */
.mce-toc {
    border: 1px solid gray;
}

.mce-toc h2 {
    margin: 4px;
}

.mce-toc li {
    list-style-type: none;
}

/*
 Removes margins on paragraphs,
 might be useful for mail clients
*/
/*p { margin: 0 }*/


/* Override CSS styles when within the editor only */
/*.mce-content-body figure {...}*/

/* BOILERPLATE CSS FROM TINYMCE WEBSITE */

/* ///////////////////////////////////////////////////////////////////////////////////  */
/* w3css2 plugin */
.mySlides {display:none}
/* ///////////////////////////////////////////////////////////////////////////////////  */
/* mycss */
/*
* {margin:0;padding:0;}

a {text-decoration:underline;color:white;}
*/
@media screen and (max-width: 629px) {
  .logo1 {width:100%;}
  .resim1 {width:100%;}
  }
@media screen and (min-width: 630px) {
  .logo1 {width:100%;}
  .resim1 {width:100%;}  
  }

/* ///////////////////////////////////////////////////////////////////////////////////  */



/* ///////////////////////////////////////////////////////////////////////////////////  */