/*
Theme Name: CEMSP_theme
Author: bIT-xION
Author URI: http://www.com/
Description: Tema creado para CEMSP
Version: 1.0
*/
*{
 margin: 0;
 padding: 0;
}
body{
 background: none;
 font-family: 'Comfortaa', sans-serif;
 text-align: center;
}
h1{
 maRGIN: 10px 0 0 0;
 font-size: 30px;
 padding: 5px 0;
}
h2{
 font-size: 32px;
 padding: 10px 0;
}
h3{
 font-size: 40px;
 letter-spacing: 1.5em;
}
h4{
 font-size: 35px;
 letter-spacing: .2em;
}
p{
 font-size: 21px;
 padding: 4px 0;
}
header{
 width: 100%;
}
table{
 margin: 0 auto;
}
td{
 padding: 10px 100px;
}
nav{
 background: rgb(5,4,170);
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
}
ul{
 list-style: none;
 display: inline-block;
}
li{
 float: left;
}
li a{
 font-size: 23px;
 color: white;
 text-decoration: none;
 padding: 0 100px 0 100px;
 float: center;
}
.container{
 width: 90%;
 height: auto;
 margin: 50px auto;
 display: grid;
 grid-template-columns: repeat(4 1fr);
 grid-template-rows: repeat(7 1fr);
 gap: 100px 70px;
}
.vid-1{
 border: 4px solid rgb(5,4,170);
 border-radius: 20px;
 margin: 30px 0;
 padding: 20px 210px 10px 210px;
 grid-column: 1 / 4;
 justify-self: center;
}
.item-1{
 text-align: center;
 grid-column: 1 / 4;
}
.img1{
 border:2px solid rgb(5,4,170);
 border-radius: 20px 8px 15px 10px;
 padding: 17px;
 grid-column: 1 / 2;
}
.img2{
 border:2px solid rgb(5,4,170);
 border-radius: 20px 8px 15px 10px;
 padding: 17px;
 grid-column: 2 / 3;
}
.img3{
 border:2px solid rgb(5,4,170);
 border-radius: 20px 8px 15px 10px;
 padding: 17px;
 grid-column: 3 / 4;
}
.map-1{
 float: left;
 margin: 20px 50px 60px 13%;
}
.item-2{
 color: rgb(5,4,170);
 padding: 20px 10% 0 10px;
}
.item-2 p{
 padding: 10px;
}
.item-2 h4{
 font-family: 'Great Vibes', cursive;
 padding: 20px;
}
footer{
 width: 100%;
 background: rgb(5,4,170);
 float: left;
 padding: 10px;
}
table{
 margin: 0 auto;
}
td{
 padding: 10px 130px;
}
table td p{
 font-size: 22px;
 padding: 6px 0;
}
table td p a{
 color: white;
 text-decoration: none;
}
#facebook{
 float: left;
 padding: 13px 0;
}
#instagram{
 float: right;
 padding: 13px 0;
}